Twitter-Bootstrap - 将简单元素内联

Question

反正有两个<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的其他脚手架元素可以工作,如果你想要一个全宽行你应该使用:

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