수 없습니다

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> 

그리고 이것은 결과입니다

라인이 tab 엘리먼트의 일부인 것처럼 원하는 경험을 어떻게 만들 수 있습니까?

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/