2016-08-24 25 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之后,我删除了填充(上图绿色区域),从包装的两个按钮感动对方之前停止按钮。这对我来说已经足够了。