Бутстрап 3 строки слишком широкий, давая горизонтальную полосу прокрутки

Как сделать простую строку с помощью элемента управления формой без получения горизонтальной полосы прокрутки?

Кажется, что что бы я ни делал с бутстрапом 3, любая "текучая" строка, которая должна быть на 100%, фактически выходит за пределы своего контейнера, который вводит горизонтальную полосу прокрутки. Как я могу остановить это и сделать его вписываться в его контейнер?

Пример:

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

jsfiddle: http://jsfiddle.net/qnb3q40g

3 ответа

Ваш код отлично работает с bootstrap 3.2.0

DEMO


.container-fluid .row {
 margin-left: 0px;
 margin-right: 0px;
}

По какой-то причине при использовании бутстрапа с container-fluid не учитывается, что он использует отрицательный запас по строкам. Поэтому, добавив css выше, он исправит вашу проблему.


Демо - http://jsfiddle.net/MeycD/537/

Вы можете сделать это так же, если хотите.

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

licensed under cc by-sa 3.0 with attribution.