2016-10-10 2 views
2

Если у меня есть сетка бутстрапа, которая представляет собой заданное количество столбцов (будь то 3 или 4 или 6 столбцов), могу ли я каким-либо образом использовать CSS, чтобы гарантировать, что пустые столбцы включены слева, а не справа или мне нужно добавить пустые записи в столбцы слева?Бутстрап сетки - есть пустые столбцы слева

Так, если количество столбца 4 (col-xs-3) и у меня есть 5 записей, я хочу, чтобы первый ряд, чтобы быть value|value|value|value, а затем вторая строка будет empty|empty|empty|value

Возможно ли это?

ответ

4

Если вы не хотите заглушить пустые столбцы, вы можете нажать весь div вправо с помощью смещения. Просто используйте .col-md-offset-9, чтобы нажать его вправо:

<div class="col-md-3 col-md-offset-9">All of the way on the right.</div> 
+0

Спасибо. Как я могу это сделать, когда я динамически создаю содержимое? Косметочно, я получаю результат, я хочу, поставив 'float: right;' на div 'col-xs-3', но содержимое будет отменено – Mike

+0

Downvoter: Если я ошибаюсь в понимании теории, и вы можете объяснить нижний предел, пожалуйста, сделайте это. Мне бы хотелось знать –

+1

@Mike Я предполагаю, что ваша проблема с «пустым пространством» будет происходить более одного раза подряд. Вам нужно будет следить за полным пространством строк. Я предполагаю, что вам нужно будет использовать некоторую комбинацию оператора мод и комбинаций из 3, а также баланс '(12 - used_space)'. Трудно дать специфику, не видя проблемы в контексте. Но это действительно должен быть отдельный вопрос. –

Смежные вопросы