Bootstrap удаляет ширину желоба в строке и уважает ширину

Я делаю страницу с bootstrap 2 из-за требований к работе и сталкиваюсь со следующей проблемой, пожалуйста, поймите, я изучаю ее;) У меня есть один #mainDiv под div с моим пространством имен для bootstrap .bootstrapDiv

Ниже этого у меня один .row-fluid, под ними 2 .span12, вот моя проблема;

Мне нужно иметь возможность соединить margin-right:0 первого и margin-left:0 второго, эти два элемента div должны заполнить строку с учетом общего расположения остальных строк.

То, как я вижу их, хорошо слева, но справа отсутствует эта ширина желоба и вообще не выглядит красиво, есть ли какой-то специальный класс, который расширяет строку и ее содержимое по горизонтали, если вы вынимаете внутренние горизонтальные поля элементов в нем ?

Как вы обычно должны решать эту проблему?

РЕДАКТИРОВАТЬ

Вот моя скрипка:

http://jsfiddle.net/qdb74/

я имею в виду черное пространство


css twitter-bootstrap margin gutter
person Santiago Rebella    schedule 02.01.2014    source источник
comment
Можете ли вы сделать скрипку или предоставить код, который показывает проблему, с которой вы столкнулись?   -  person Bogdan Balas    schedule 03.01.2014

Ответы (1)


arrow_upward
1
arrow_downward

Я обычно решаю такие проблемы, создавая свой собственный CSS или расширяя Bootstrap. Это связано с тем, что в Bootstrap нет возможности изменить желоб для .row-fluid. Вот пример того, как расширить Bootstrap:

.row-fluid [class*="span"].no-gutter {
    margin: 0;
}

.row-fluid .span6.no-gutter {
    width: 50%;
}

.row-fluid .span5.no-gutter {
    width: 41.666666666666666%
}
...

А украсить свой элемент можно так:

<div class="firstDiv span6 no-gutter"></div>

Однако, если вы решите расширить Bootstrap и выйдет новая версия фреймворка, это может сломаться. Если это вас беспокоит, возможно, лучше создать собственную плавную сетку без желобов. Этот вариант потребует от вас написать немного больше CSS, чем этот.

person Jeff the Bear    schedule 03.01.2014
comment
спасибо за ответ, и примеры, вероятно, в конечном итоге будут использовать это - person Santiago Rebella; 04.01.2014