Float：對不對？ [Bootstrap 3 Panel]

-2

我正在開發一個bootstrap 3項目，我添加了一個名爲「Add Shipment」的按鈕，我希望這個按鈕保持固定在面板的右側，但是當我給它這種設計必須具有響應性，因此我不能只給它一類float：left，然後放置margin-left：XXXFloat：對不對？ [Bootstrap 3 Panel]

請讓我知道，如果你知道如何解決這個問題，代碼和截圖如下。

<div class="row" style="margin-top:-20px;"> 
<div class="col-md-10 col-md-offset-1"> 
    <div class="panel panel-primary panel-table" style="border-radius:50px"> 
     <div class="panel-heading" style="background-color:#EFEFEF; border: 1px solid #CCCCCC; height:45px; width:auto"> 
      <div class="panel-title" style="padding:0; width:auto" > 


      <div class="input-group input-group-sm" style="width:200px; margin-top:7px; margin-left:10px; float:left"> 
       <span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span> 
       <input type="text" class="form-control" placeholder="Filter"> 
      </div> 

      <div class="btn-group" style="float:left; margin-left:25px; margin-top:6px"> 
       <button type="button" class="btn btn-default">All</button> 
       <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-ok"></span></button> 
       <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-road"></span></button> 
       <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-exclamation-sign"></span></button> 
       <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-remove"></span></button> 
      </div> 

      <button class="btn btn-info" style="margin-top:6px; float:right">Add Shipment</button> 

      </div> 
     </div> 

     <div class="panel-body" style="background-color:#F2F2F2; border: 1px solid #CCCCCC; height:200px"> 



    </div> 
    </div> 
</div>

目前從代碼的結果截圖：

enter image description here

來源

2014-04-30 Aidan

我列出了錯誤持續存在的地方的精確代碼以及其結果的屏幕截圖，這並不難。 – Aidan

你有沒有試過清除你的'float：left'就在它上面？ – TylerH

_「那不是很難工作」_ - 是的，對，我現在要自己設立一個工作示例來幫助你解決__你的問題... – CBroe

我試圖複製和粘貼代碼，看看事情怎麼看，它看起來很好。我看到Add Shipment按鈕被拉到右邊。你必須在你的CSS樣式表中有一些防止按鈕浮動到右邊的東西

來源

2014-04-30 19:43:14 user3314402

沒有太大的幫助，但謝謝你。 – Aidan

@Aidan：你仍然認爲你的問題的一個活生生的例子太多了...？ – CBroe

如果你可以提供你的CSS樣式表，我可以檢查一下發生了什麼 – user3314402

Float：對不對？ [Bootstrap 3 Panel]

回答

相關問題