html - Bootstrap 跨度不是内联的

Question

我的代码的 JSfiddle http://jsfiddle.net/55PqG/6/

为什么 button1 和 button2 没有并排站立？

<div class="row-fluid span12" style="width: 300px">
    <div class="row-fluid span6 " style="background-color: #ff0;">button1</div>
    <div class="row-fluid span6  btn" style="background-color: #f0f;">button2</div>
</div>

span 与 bootstrap 中的表的工作方式不同吗？ (代码在 JSFiddle 中)

Answer 1

从两个按钮中删除 row-fluid。此外，第一个按钮需要 .btn 类

<div class="span6 btn" style="background-color: #ff0;">button1</div>
<div class="span6  btn" style="background-color: #f0f;">button2</div>

JS fiddle : http://jsfiddle.net/55PqG/7/