2016-08-24 49 views
0

我使用自舉按鈕組如圖here自舉力按鈕組圖標,繼續留在同一行(網格系統)

但是,由於是一個col-md-1內,this發生。我怎樣才能避免克拉流入新的生產線?我的意思是,它與旁邊的那個重疊不會很漂亮,但它會比下一行的克拉圖標更漂亮。

代碼:

<div class="col-md-1" > 
    <div class="btn-group" role="group" > 
      <a href="#" class="btn btn-primary">01-01-2002</a> 
     <button type="button" style="padding: 2px;" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
      <span class="caret"></span> 
      <span class="sr-only">Toggle Dropdown</span> 
     </button> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
       <li role="separator" class="divider"></li> 
       <li><a href="#">Separated link</a></li> 
      </ul> 
    </div> 
</div> 

回答

0

只是包裝的線。使用NOWRAP

white-space: nowrap; 
+0

「只是包裝爲線」?你什麼意思?我嘗試在col-md-1元素上添加white-space:nowrap,但沒有任何改變。 – k4kuz0

+0

爲什麼col-md-1?你需要一個按鈕! –

+0

我不知道你在說什麼。看看我的代碼,在那個代碼中你會寫'style ='white-space:nowrap'嗎? – k4kuz0

0

看我的形象和facepalming之後,我刪除了填充(上圖綠色區域),從包裝的兩個按鈕感動對方之前停止按鈕。這對我來說已經足夠了。