Бутстрап-ряд-флюид.сплит

Question

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

Я новичок в начальной загрузке и пришел из Kube ( http://imperavi.com/kube/). Там это работает так:

---- создать столбец, как span6 из начальной загрузки с желобом.

Если я хочу удалить желоб, просто добавьте: ------ теперь столбцы не разделяют их.

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

Answer 1

Вы можете удалить желоб, добавив новый класс, давайте назовем его .no-gutter,

Этот класс имеет следующие свойства:

.no-gutter .span4 {
    margin: 0;
    width: 33.3333333333%;
}

Затем вы добавите этот класс в HTML-разметку следующим образом:

<div class="row-fluid no-gutter">
    <div class="span4">First</div>
    <div class="span4">Second</div>
    <div class="span4">Third</div>
</div>

А вот ДЕМО

Если вам нужен другой желоб, то просто не добавляйте этот класс.

Обратите внимание, что вы должны установить этот класс для всех .spanX начальные классы, где X это число от 1 до 12.