Twitter-Bootstrap - 将简单元素内联

Question

无论如何要将2 <a>个元素显示为内联？

我试过了：

<div class="form-inline">
<a>jjj</a>
<a>sss</a>
</div>

以及

 <div class="row-fluid">
    <a class="inline">jjj</a>
    <a class="inline">sss</a>
    </div>

但它不起作用。

Answer 1

默认情况下，应显示锚标记inline。您必须设置一些额外的样式才能显示为block元素或类似内容。

使用您的代码，这是一个有效的JSFiddle。

检查您的网页，找出锚点display的设置位置，然后修改它或在之后将元素设置为display:inline 。由于您已添加class="inline"，因此您只需添加：

即可

a { display:block; /* Pre-existing code */ }
a.inline {
    display:inline;
}

另外作为一个注释我不认为row-fluid可以在没有Bootstrap的其他scaffolding元素的情况下工作，如果你想要一个全宽行，你应该使用：

<div class="row-fluid">
    <div class="span12">
        <a class="inline">jjj</a>
        <a class="inline">sss</a>
    </div>
</div>