twitter-bootstrap - Bootstrap 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://codeply.com/go/xQqixpT60a