如何使用引導面板以垂直方式顯示按鈕？

我有引導面板當前按鈕顯示爲內聯，我如何可以垂直顯示這些按鈕？如何使用引導面板以垂直方式顯示按鈕？

main.html中

<div class="col-md-3"> 
      <div class="panel panel-default"> 
       <div class="panel-heading">Control</div> 
       <div class="panel-body"> 
       <!--  <div class="btn-group-vertical">--> 
         <button type="button" class="btn btn-danger btn-rad btn-lg" style="margin-left: 10px" ng-click="recordLogs()" ng-disabled="disabledRecBtn"><span class="glyphicon glyphicon-record"></span></button> 
         <!-- <br>--> 
         <button type="button" class="btn btn-primary btn-lg" style="margin-left: 10px" ng-click="stopLogs()" ng-disabled="disabledStopBtn"><span class="glyphicon glyphicon-stop"></span></button> 
         <!--<br>--> 
         <button type="button" class="btn btn-default btn-lg" style="margin-left: 10px" ng-click="searchLogs()"><span class="glyphicon glyphicon-search"></span></button> 
         <!--<br>--> 
         <button type="button" class="btn btn-default btn-lg" ng-click="serverFiles()" style="margin-left: 10px"><span class="glyphicon glyphicon-folder-close"></span></button> 
       <!--  </div>--> 
       </div> 
      </div>

來源

2016-08-01 hussain

看起來你已經有答案了。使用class="btn-group-vertical"。並添加自定義樣式以在按鈕之間添加空間。 Demo。

.btn-group-vertical > button{ 
    margin-bottom:10px; 
}

來源

2016-08-01 20:54:26

是啊，我知道，所以我有COL-MD-3這些按鈕，但是當我添加類BTN-團的垂直我有很多對右側的空間，有沒有辦法清除空白？ – hussain

@ hussain有沒有理由不能使用col-md-1？實際的小組佔用了那麼多的空間，而不是btn小組。 –

另一方面，我只是想保持它col-md-9 – hussain

.panel-body button { 
    display: block; 
    float: none; 
}

來源

2016-08-01 20:57:28 boehpyk

如何使用引導面板以垂直方式顯示按鈕？

回答

相關問題