Html 引导向右拉导致元素重叠

我试图在列表上方放置一个按钮，但按钮位于右侧

当我将pull right类添加到button（或包含div的类）时，按钮就会被列表重叠

<div>
    <div class="pull-right">
        <button type="button" class="btn btn-default">Add</button>
    </div>
    <ul class="list-group">
        <li class="list-group-item">Something something 1</li>
        <li class="list-group-item">Something something 2</li>
        <li class="list-group-item">Something something 2</li>
    </ul>
</div>

添加

某物
某物2
某物2

---

jsiddle:

您应该将

向右拉

类添加到

按钮

元素中，然后将clearfix添加到父元素中。这样，

div

就不会自动崩溃

<div class="clearfix">
    <button type="button" class="btn btn-default pull-right">Add</button>
</div>

<div class="text-right">
    <button type="button" class="btn btn-default">Add</button>
</div>