如何让我的Twitter Bootstrap按钮右对齐?

我在这里有一个简单的演示:

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>

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


pull-right插入类属性并让引导安排按钮。

对于Bootstrap 2.3 ,请参阅:http://getbootstrap.com/2.3.2/components.html#misc> Helper classes> .pull-right。

对于Bootstrap 3 ,请参阅:https://getbootstrap.com/docs/3.3/css/#helper-classes> Helper类。


对于Bootstrap 4 ,请参阅:https://getbootstrap.com/docs/4.0/utilities/float/#responsive

pull-right命令被删除,并替换为float-right或一般float-{sm,md,lg,xl}-{left,right,none}


在twitter引导3尝试类拉右

class="btn pull-right"

“拉右”类可能不是正确的方式,因为在使用“float:right”而不是文本对齐。

检查bootstrap 3 css文件,我发现457行上有“text-right”类。这个类应该是正确对齐文本的正确方法。

一些代码:

<div class="row">
    <div class="col-xs-12">
        <div class="text-right">
            <button type="button" class="btn btn-default">Default</button>
        </div>
    </div>
</div>

链接地址: http://www.djcxy.com/p/94551.html

上一篇: How can I get my Twitter Bootstrap buttons to right align?

下一篇: MFMailComposeViewController won't close (iOS10)