2016-09-27 60 views
0

我想用不同的類型設置一些元素 - 在使用Bootstrap的一行中,問題是空間被錯誤對齊....假設我使用網格系統,我如何調整元素之間的空間?如何用Bootstrap的網格實現統一的色譜柱內容間距?

謝謝!

<div class="row"> 

    <div class="col-md-2"> 
    <p class="box-title custom_spacing">Banner List</p> 
    </div> 
<div class="col-md-2"> 
    <p class="box-title custom_spacing">Filtering Options</p> 
</div> 
    <div class="col-md-2"> 
<select class="form-control selectpicker"> 
<option class="op"></option> 
</select> 
</div> 
<div class="col-md-6"> 
<input type="text"> 
</div> 

fiddle

+1

我不認爲現在很清楚你想要的佈局是什麼,以及你目前的佈局不符合它。你能詳細描述你想在這裏實現什麼嗎? – Serlite

+0

我想間距.....對齊是好的,因爲它,空間是我的問題...我正在尋找一種方法來調整它 - 在bootstrap ... – user3387719

+0

如果你只是談論空間在列之間(也就是Gutter寬度),如果你熟悉CSS預處理器,這些可以修改。在Bootstrap文檔中有一些有用的信息。 – Serlite

回答

0

這將是麻煩和尷尬的嘗試和定製格列內容之間的間距,尤其是在敏感部位。請改爲使用flexbox(如果browser support可接受),或者將內聯列表置於單列中。

+0

這正是我的問題......我的整個網站是用Bootstrap構建的... – user3387719