Bootstrap 4 - настройка ширины поля ввода

Question

Используя этот стартовый шаблон, как я могу управлять шириной ввода?

https://getbootstrap.com/docs/4.1/examples/starter-template/

Это часть, которую я хотел бы сделать меньше

<form class="form-inline my-2 my-lg-0">
  <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
  <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>

Я пытался обернуть ввод в div <div class="col-xs-2">, но это ничего не сделало.Какие у меня есть альтернативы?

Answer 1

Вы можете сделать это в файле CSS, выполнив:

CSS-код для помещения в CSS-файл или для помещения в тег стиля

input{
   width:50px;
}