2014-01-11 33 views
0

我有一個帶有2個選項卡的portlet。當我添加一個摺疊命令時,摺疊圖標就在那裏,但這些標籤位於它的頂部,因此無法訪問。Bootstrap 3在Portlet中摺疊並且不出現標籤

如何使摺疊出現在選項卡旁邊,以便portlet可以摺疊?

<div class="col-md-6 "> 
    <div class="portlet box grey tabbable"> 
     <div class="portlet-title"> 
      <div class="caption"> 
       <i class="fa fa-reorder"></i>Contact 
      </div> 
      <div class="tools"> 
       <a href="javascript:;" class="collapse"></a> 
      </div> 
     </div> 
     <div class="portlet-body"> 
      <div class="tabbable portlet-tabs"> 
       <ul class="nav nav-tabs"> 
        <li> 
         <a href="#portlet_tab2" data-toggle="tab">Secondary</a> 
        </li> 
        <li class="active"> 
         <a href="#portlet_tab1" data-toggle="tab">Primary</a> 
        </li> 

       </ul> 
       <div class="tab-content"> 
        <!-- TAB 1 --> 
        <div class="tab-pane active" id="portlet_tab1"> 
+0

是的,我看到它們。你有什麼問題?另外,是否有引導區51?如果不是,我假設你的意思是Bootstrap 3? – BenM

回答

0

這裏需要的全部內容是將標籤容器移動到左側,以便摺疊按鈕可以查看和點擊。

<ul class="nav nav-tabs" style="margin-right:30px">