Объединить текстовое поле с кнопкой

Чтобы объединить текстовое поле с кнопкой, к родительскому тегу надо добавить класс .input-group.

<div class="input-group">
  <input type="text" class="form-control" placeholder="Введите текст для поиска">
  <button class="btn btn-outline-secondary" type="button">Искать</button>
</div>

Результат:

Также можно выводить просто текст:

<div class="input-group">
  <span class="input-group-text">@</span>
  <input type="text" class="form-control" placeholder="Логин пользователя">
</div>

Результат: