html - 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

默认情况下， anchor 标记应显示为内联。你必须有一些额外的样式设置它们显示为 block 元素或类似的东西。

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

检查您的页面以找出设置 anchor 的 display 的位置，然后修改它或将元素设置为 display:inline after那。因为你已经添加了 class="inline" 你可以简单地添加:

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

另请注意，我认为 row-fluid 无法在没有 Bootstrap 的其他 scaffolding 的情况下工作。元素，如果你想要一个全 Angular 行，你应该使用:

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