Twitter-Bootstrap -将简单元素内联

Question

是否有办法将2个<a>元素内联显示?

i tried:

<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的其他脚手架元素，如果你想要一个全宽行，你应该使用:

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