twitter-bootstrap – 如何让我的Twitter引导按钮右对齐?

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 如何让我的Twitter引导按钮右对齐?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的演示:

http://jsfiddle.net/HdeZ3/1/

<ul>
    <li>One <input class="btn pull-right" value="test"></li>
    <li>Two <input class="btn pull-right" value="test2"></li>
</ul>

我有一个无序的列表,对于每个列表项目,我希望有文本在左边,然后一个右对齐按钮。我试图使用拉右,但这完全混乱了对齐方式。我究竟做错了什么?

解决方法

对于Bootstrap 2.3,参见: http://getbootstrap.com/2.3.2/components.html#misc
– >辅助类 – > .pull-right

对于Bootstrap 3,参见:http://getbootstrap.com/css/#helper-classes
– >帮助类

因此,在类字符串中插入“pull-right”,并让bootstrap安排按钮。

猜你在找的Bootstrap相关文章