Считается ли плохой практикой помещать класс .col - * - * непосредственно в элемент Bootstrap 3?

Question

Я работаю в базе кода, которая использует Bootstrap 3. Согласно их документации, вы создаете базовую структуру сетки:

    <div class="row">
       <div class="col-md-8">.col-md-8</div>
       <div class="col-md-4">.col-md-4</div>
    </div>

База кода, в которой я сейчас работаю, применяетСтруктура сетки следующим образом.

     <div class="form-group">   
        <label class="control-label col-sm-4"> Name<span class="text-danger">*</span>  </label> 
        <div class="col-sm-8">
             <input type="text" class="col-xs-10" value="Default" name="panel:expandedContentContainer" id="id9428">
        </div>
    </div>

Я никогда не видел, чтобы сетка применялась таким образом, и я просто хочу убедиться, что это не вызовет проблем в будущем.У меня два вопроса.Можно ли использовать '.col- - без строки?И можно ли ставить '.col- - ' непосредственно на элементы?

Answer 1

Да, вы можете использовать «.col--» без строки.Тогда это не вертикальное выравнивание.больше информации об этом: http://www.helloerik.com/the-subtle-magic-behind-why-the-bootstrap-3-grid-works

И да, можно ставить 'col--' непосредственно на элемент.У меня нет плохого опыта с этим.

Answer 2

В Bootstrap 3 класс .row применяет отрицательное поле ($grid-gutter-width / 2) как к левому, так и к правому.

Классы .col-* будут применять отступ ($grid-gutter-width / 2) к обоимвлево и вправо.

Добавление класса .col-* к подэлементам не обязательно вызовет проблемы, но если вы не переопределите заполнение для .col-* через свой собственный CSS, вы обнаружите, что элементы будут иметь отступ больше, чемвы, возможно, надеялись.