如何使用Bootstrap 3.0将元素右对齐？

Question

我需要将元素放在页面的右侧。

这个元素：

放在页面的右侧，就像这样：

我只找到了pull-right辅助类，但我已经意识到，它对float有依赖，所以它对我没有帮助。于是我开始研究，谷歌的第一个结果是这个结果。它说，我应该使用pull-right。好吧，我试过了...

我尝试了这个：

<a href="#" class="btn btn-default btn-lg pull-right" role="button"><span class="glyphicon glyphicon-plus"></span> Создать заказ</span></a>

我得到了这个明显的结果：

你可以看到上排第三个标题被错位了。

那么我需要如何使用bootstrap api来右对齐任何元素呢？

我知道，我可以搜索“如何居中/左对齐/右对齐div”，并会找到一些可行的结果，但这不是bootstrap的解决方案。

- Sharikov Vladislav

Answer 1

我认为你的答案是使用了".pull-right"类。你可以查看Bootstrap 3文档助手类。我认为你可以使用2种方法来实现这个。

1）对于新手：

<div class="col-sm-8"></div> /*Empty div for left alignment*/
<div class="col-sm-4"><div class="btn btn-default">Your Text on Button</div></div> /*This is your button*/

在这段代码之后，您可以使用标题。我的意思是说，您的按钮和标题必须相互分离。

但正如我所说的，这对您来说真的很糟糕。我认为它会导致响应式设计方面的一些问题。

2）这是给专业的Bootstrap开发者。

<div class="col-xs-12"><div class="btn btn-default pull-right>Your Button Text</div></div>

在这段代码之后，您可以使用标题。我的意思是，您的按钮和标题必须相互分离。 您需要注意".pull-right"类。您只需将其放在正确的位置即可。

我认为这对您有用！

也许您想看看：如何使我的 Twitter Bootstrap 按钮右对齐？

- Emre Doğan

---

这对我很有帮助，无论如何都会被接受，但我只有一个问题：是否必须使用两个div？或者我可以使用div并将带有类btn btn-default pull-right的a放入其中？ - Sharikov Vladislav

如果您不想更改标题的位置，可以查找 position:absolute 或 position:fixed CSS 属性。您的问题可能与 Bootstrap 无关... - Emre Doğan

我无法访问您可以通过电子邮件发送给我的链接[e-mail]或使用jsfiddle。 - Emre Doğan

这是 jsfiddle。我没有包含 bootstrap 文件，因此输出很简单，但我想要展示给你的是代码，而不是这个代码的结果。 - Sharikov Vladislav

你可以使用它：http://jsfiddle.net/emredoganm/6DDhL/ 也许你想测试一下你的想法 :-) - Emre Doğan