Bootstrap grid system: этот код правильный?

Question

Хотел бы спросить, может ли этот код быть правильным с точки зрения Bootstrap? Я ожидаю, что ответ будет да. Вопрос заключается в дополнительном теге между строками и col (s).

<div class="row"> 
<something> 
<div class="col-sm-6"> 
a 
</div> 
<div class="col-sm-6"> 
b 
</div> 
</something> 
</div> 

P.S. <something> не имеет стилей css, и это директива от AngularJS.

Answer 1

С Bootstrap docs ..

Контент должен быть размещен внутри колонны, и только столбцы могут быть непосредственными потомками строк.

The Bootstrap row имеет отрицательный запас для компенсации заполнения колоды. <something> не вызывает проблем в вашем примере, но это не оптимально с точки зрения Bootstrap.

Answer 2

В этом коде тег something будет просто задан для всей ширины столбца row. Внутренние элементы затем будут разделены на соответствующие сетки, если на метке чего-то не будет ничего мешать.

Я думаю, что это должно работать нормально, но как заметка на полях обычно я пишу это, как

<something> 
<div class="row"> 
<div class="col-sm-6"> 
a 
</div> 
<div class="col-sm-6"> 
b 
</div> 
</div> 
</something> 

Таким образом, затем дает вам возможность добавить больше строк и т.д. в разделе something легко, если это необходимо, и просто облегчает читаемость по моему скромному мнению.

Answer 3

выглядит хорошо для меня, но я думаю, что в соответствии с вашим элементом «что-то» может изменяться

Answer 4

В этом случае row в основном имеет ту же цель, как col-md-12, но row даст вам запас -15px как к левой и правильно. Чтобы избежать горизонтальной полосы прокрутки, вы можете обернуть все это в div с классом container.

Answer 5

Здесь нет ничего плохого, но есть более эффективные методы использования бутстрапа.

Просто позаботьтесь о минусовых марках и очистите, проверьте, нормально ли стиль работает.

Кстати, вы можете использовать «директиву комментариев», если вам нужно использовать этот тег только для директивы angularJs.