Html выберите не уважая запас

Question

Вот краткий пример:

Fiddle

Как вы можете видеть на картинке выше, все метки, таблицы выравнивается по краю внутри й контейнер (зеленый край), но выбор, похоже, перешагнул его, я вижу, что на css у него есть 15 дополнений, но заполнение только для текста внутри.

<%--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 DIV вокруг вашего контента. Класс .row имеет отрицательные поля для смещения заполнения столбцов, что приводит к смещению ваших элементов.

При использовании системы сетки классы сетки должны применяться только к элементам уровня блока (входы являются встроенными, а не блочными). Я обработал ваш код с помощью оберток сетки вокруг элементов.

Updated Fiddle

Answer 2

Если только столбец вы хотите, чтобы показать внутри class="row" является class="col-anything-12" (возражаете) в большинстве случаев вы не на самом деле нужно что либо class="row" или class="col-xs-12".

Другие, которые не устанавливают класс col- на элемент выбора напрямую. Оберните его внутри div и добавьте класс к этому div.