Как при помощи Bootstrap выставить на один уровень label и input?

Для выставления на один уровень label и input с помощью Bootstrap, вы можете использовать классы формы, которые предоставляет Bootstrap. Вот несколько способов сделать это:

1. С использованием класса "form-inline":

<form class="form-inline">
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
  </div>
</form>

В данном случае, класс "form-inline" выравнивает label и input на одном уровне. Здесь "form-group" вкладывается в "form-inline" для создания группы, содержащей label и input.

2. Используя класс "form-horizontal":

<form class="form-horizontal">
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
    <div class="col-sm-10">
      <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
    </div>
  </div>
</form>

В этом случае, используется класс "form-horizontal", который помещает label и input внутри div с классом "form-group". Затем, label обертывается внутри div с классом "col-sm-2 control-label", а input обертывается внутри div с классом "col-sm-10". Это приводит к выравниванию label и input на одном уровне.

3. Использование сетки Bootstrap:

<div class="row">
  <div class="col-md-2">
    <label for="inputName">Name</label>
  </div>
  <div class="col-md-10">
    <input type="text" class="form-control" id="inputName" placeholder="Enter your name">
  </div>
</div>

В данном случае, создается ряд (row) с помощью класса "row". Затем, label обертывается внутри div с классом "col-md-2", а input обертывается внутри div с классом "col-md-10". Это также приведет к выравниванию label и input на одном уровне.

Все эти методы помогут вам выставить label и input на одном уровне при использовании Bootstrap. Выбор конкретного метода зависит от ваших предпочтений и требований дизайна вашего проекта.