Bootstrap form-group vs row CSS, который предпочитают

Я использовал строку и теперь использую CSS form-group. Я смущен между этими 2, которые я должен предпочесть, если я хочу создать элементы управления формой. Кажется, что оба выполняют ту же работу.

Ответ 1

Я обычно следую этому шаблону:

<div class="form-group">
   <div class="row">
        <div class="col-md-6"></div>
        <div class="col-md-6"></div>
   </div>
</div>

Обратите внимание, что примеры col-md-6 и col-md-5 являются примерами, и вы можете использовать любой класс col-md-x с неограниченным числом. просто сумма ДОЛЖНА быть 12.

Ответ 2

Это может быть старым, но это тоже может помочь кому-то. В любом случае с Bootstrap.

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

{

<div class="row">
    <div class="col-6">
        <div class="form-group">
            <label>Client Name: </div>
            <input type="text" name="clientName" />
        </div>
    </div>

    <div class="col-6">
        <div class="form-group">
            <label>Client Email: </div>
            <input type="text" name="clientEmail />
        </div>
    </div>
</div>

... и т.д. }