Доброе утро, я пытаюсь настроить встроенную форму с входными данными разной ширины с помощью Bootstrap 4. Я пробовал различные варианты, доступные здесь: http://v4-alpha.getbootstrap.com/components/forms/.
Это то, что я сделал:
<div class="container">
<div class="row">
<div class="col-xs-1">
<label for="exampleInputName2" class="col-form-label">Name</label>
</div>
<div class="col-xs-2">
<input type="text" class="form-control" placeholder=".col-xs-2">
</div>
<div class="col-xs-3">
<input type="text" class="form-control" placeholder=".col-xs-3">
</div>
<div class="col-xs-4">
<input type="text" class="form-control" placeholder=".col-xs-4">
</div>
</div>
</div>
Но я не использую какие-либо классы форм или теги.
---------------- РЕДАКТИРОВАТЬ ------------------------
Чтобы быть более конкретным, как бы вы указали ширину меток и полей ввода в этом примере с веб-сайта Bootstrap 4?
<form class="form-inline">
<div class="form-group">
<label for="exampleInputName2">Name</label>
<input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
</div>
<div class="form-group">
<label for="exampleInputEmail2">Email</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]">
</div>
<button type="submit" class="btn btn-primary">Send invitation</button>
</form>
Любой хороший и простой пример приветствуется.
Спасибо
Сильвен