将 <span> 置于两个 <button> 之间

Question

我正在使用 bootstrap v3 并尝试将 a<span class="badge">1</span>置于两个按钮之间，其中一个按钮使用该类pull-right。

确切的 html 如下所示：

<button type="button" class="btn btn-success">Decient</button>
<span class="badge">10</span>
<button type="button" class="pull-right btn btn-danger">Garbage</button>

然而，这会导致以下结果：

我希望以 10 为中心，但没有成功。我已经尝试过pagination-centered，text-center自定义 CSS 没有效果。另外为了提供一些额外的上下文，它位于captiona 的 div中thumbnail。

以下提供了我的情况的基本场景：http://jsfiddle.net/vvA78/1/

Answer 1

是的，只需在div 和on 上bootstrap使用即可。text-centerhouse-containerpull-leftbtn-success

JSFiddle

要垂直居中，只需添加margin-top.

JSFiddle

当然，不要效仿，也不要设置margin-top为整个.badge班级。