HTML選擇是不尊重保證金

Question

下面是一個簡單的例子：

Fiddle

正如你可以在上面的圖片中看到，所有的標籤，表對準內日保證金容器（綠色邊緣），但選擇似乎越過它，我看到它有15填充CSS，但填充只適用於文本里面。

<%--MODULES--%> 
     <div class="col-md-6 col-sm-12" id="prueba"> 
      <div class="row"> 
       <label class="col-xs-12">Módulos</label> 
       <select class="col-xs-12" multiple="multiple" id="cboModulos" name="cboModulos"> 
       </select> 
      </div> 
     </div> 

同樣的事情發生在右邊的文本框，但我敢打賭它的情況相同。

感謝

Answer 1

您需要添加在你的內容.container股利。 .row類具有負邊距以抵消導致元素未對齊的列填充。

當使用網格系統時，網格類只應用於塊級元素（輸入是內聯的，而不是塊）。我已經用元素周圍的網格包裝重構了代碼。

Updated Fiddle

Answer 2

如果你想在裏面class="row"顯示僅列是class="col-anything-12"（介意）中，你實際上並不需要大多數情況下，要麼class="row"或class="col-xs-12"。

其他那些不直接在選擇元素上設置col-類。將其包裝在div內，並將該類添加到該div。