css - Bootstrap 部分填充问题

Question

我有以下 html:在第 3 部分，按钮组后没有按钮填充。这是为什么？

<section style="background-color:#e67e22">
    <div class="container">
        <h1>Edit</h1>
    </div>

 </section>

<section class="well" >
<div class="container">
    <label for="inventory-name">Inventory Name</label>
    <input type="text" value="@Model.InventoryName" autofocus class="form-control" id="inventory-name" />
</div>

</section>

<section >
    <div class="container">
    <div class="btn-group" role="group" aria-label="Basic example">
        <button type="button" class="btn btn-default">Save Changes</button>
        <button type="button" class="btn btn-default">Add</button>
        <button type="button" class="btn btn-success">Post to Facebook</button>

        <button type="button" class="btn btn-danger">Delete</button>
    </div>
</div>

</section>

<section>
<div class="container">

    <p>Hello</p>

</div>

  </section>

Answer 1

官方getbootstrap.com还使用了自定义类来提供 margin-top 和 margin-bottom。

See this image to see developer view of the custom class they used

如果您没有得到...，请发表评论!