Начальная загрузка input-group-sm и input-group-append не работает

Question

Я хочу использовать небольшую группу ввода с добавленным значком или кнопкой в ​​Bootstrap 4. Но когда я использую пример кода и добавляю «-sm» к классу группы ввода, кнопка помещается в следующую строку,Как я могу использовать небольшую группу ввода и добавить кнопку?

Вот код

<div class="input-group-sm mb-3">
  <input type="text" class="form-control" placeholder="Search">
  <div class="input-group-append">
    <button class="btn btn-success" type="submit">Go</button>  
  </div>
</div>    

Answer 1

Прочитайте документы: https://getbootstrap.com/docs/4.1/components/input-group/#sizing

Следует использовать и input-group, и input-group-sm.

<div class="input-group input-group-sm mb-3">
    <input type="text" class="form-control" placeholder="Search">
    <div class="input-group-append">
        <button class="btn btn-success" type="submit">Go</button>
    </div>
</div>

https://www.codeply.com/go/xQqixpT60a