引導按鈕組與浮動

我試圖創建一個組的一些按鈕，並將它們浮到一個div容器的權利：引導按鈕組與浮動

<div class="thumbnail"> 
    <div class="caption"> 
    <p>Here is some blurb...</p> 
    <div class="button-group pull-right"> 
      <button class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-trash"></span></button> 
      <button class="btn btn-success btn-xs"><span class="glyphicon glyphicon-home"></span></button> 
     </div> 
    </div> 
</div>

你可以從這個小提琴看到按鈕突破出的DIV當我申請浮動權：

https://jsfiddle.net/xa9wvouc/6/

我可以設置標題有min0height但感覺就像一個黑客攻擊？什麼是實現這一目標的正確途徑。

來源

2016-12-28 Alan A

如果您正在使用Bootstrap，請將按鈕組包裝在一行中（請參閱下面的代碼）。如果您認爲合適，您可以從這裏調整按鈕組上的邊距。

https://jsfiddle.net/meppiel/ysx7nvk4/1/

<div class="thumbnail"> 
    <div class="caption"> 
    <div class="row"> 
     <div class="button-group pull-right" style="margin-right: 15px"> 
     <button class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-trash"></span></button> 
     <button class="btn btn-success btn-xs"><span class="glyphicon glyphicon-home"></span></button> 
     </div> 
    </div> 
    </div> 
</div>

來源

2016-12-28 19:56:56

謝謝你的工作。將行類添加到周圍的標題div類以便將標記最小化是否有效？ –

當然可以。是的，你可以刪除行div，只是將該類添加到標題div。更新plunk以顯示此內容。 –

因爲如果你申請右拉式的按鍵組，這意味着該按鈕組將浮子和其父div的高度會崩潰。所以爲了避免摺疊父div，你需要應用clearfix類到父div

<div class="thumbnail"> 
    <div class="caption clearfix"> 
    <p>Here is some blurb...</p> 
     <div class="button-group pull-right"> 
     <button class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-trash"></span></button> 
     <button class="btn btn-success btn-xs"><span class="glyphicon glyphicon-home"></span></button> 
     </div> 
    </div> 
</div>

來源

2017-03-06 07:32:36

引導按鈕組與浮動

回答

相關問題