bootstrap-4 - 如何在 Bootstrap 4 中将文本和按钮置于同一行

Question

how to bring the text and button on same line
这是代码:

<div class="col-sm-8">
    <h4>Edit Post</h4> 
    <button type="button" class="btn btn-primary" style="display: inline- 
      block;">Add New</button>
</div>

Answer 1

使用 bootstrap 4 d-inline-block标题上的类...

<div class="col-sm-8">
    <h4 class="d-inline-block">Edit Post</h4>
    <button type="button" class="btn btn-primary">Add New</button>
</div>

可选地使用 align-middle与按钮垂直对齐。

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