無法定位引導要素需要

Question

我有一個標籤，一些分頁，我想在我的JSP制定出這樣的：

所以我寫了這個JSP：

<div class="row"> 
    <div class="col-sm-6"> 
     <ul class="nav nav-tabs" id="myTab"> 
      <li><a data-toggle="tab" href="#tab1">Tab 1</a></li> 
      <li><a data-toggle="tab" href="#tab2">Tab 2</a></li> 
     </ul> 
    </div> 
    <div class="col-sm-6"> 
     <ul id="pagination" class="pagination-sm"></ul> 
    </div> 
</div> 

這是結果：

如何創建我想要的行爲事件是製表符元素的一部分？

Answer 1

CSS：

nav { 
    position: absolute; 
    left: 180px; 
    top: -60px; 
} 

HTML：

<div class="row"> 
    <div class="col-sm-6"> 
     <ul class="nav nav-tabs" id="myTab"> 
      <li><a data-toggle="tab" href="#tab1">Tab 1</a></li> 
      <li><a data-toggle="tab" href="#tab2">Tab 2</a></li> 
     </ul> 
    </div> 
</div> 
<div class="col-sm-6"> 
    <nav> 
     <ul class="pagination"> 
     <li class="active"><span>1 </span></li> 
     <li class="active"><span>2 </span></li> 
     <li class="active"><span>3 </span></li> 
     </ul> 
    </nav> 
</div> 

小提琴：http://jsfiddle.net/ytyvr7c5/