30

我在这里主持编码和预览。

我想右对齐我的第二个按钮，请告诉我如何做到这一点。

谢谢。

4

4 回答 4

20

检查演示

.navbar-header{
  margin-left:5px;
  width:100%;
}

并添加

向右拉

类到您的按钮。

于 2013-09-18T14:14:30.933 回答
19

对于 Bootstrap 3，.navbar-right就是这样做的。

<ul class="nav navbar-nav navbar-right">
.
.
</ul>
于 2014-04-23T09:27:22.090 回答
10

在引导对齐的情况下，在导航栏中发生的情况略有不同。

为了在导航栏中向右对齐元素，请将所需元素放在单独的div中，并在其中创建一个ul并将所需元素添加到列表中。

向div添加一个类.pull-right以使元素右对齐。

示例代码：

<div class="pull-right">
        <ul class="nav navbar-nav">
            <li><button type="submit" class="btn navbar-btn btn-danger" name="logout" id="logout"  value="Log Out">Log Out</button></li>
        </ul>     
</div>

如果导航栏左侧的元素和该 div的类.pull-left存在对齐问题

于 2016-01-25T11:30:39.590 回答
6

演示在这里

好吧，做出改变。

.navbar-header{
  width:100%;
}

然后在要放在右侧的按钮上放置一个类，例如right-side-button

然后将该类应用于a并以这种方式在css中编辑：

.right-side-button{
  float:right;
}

你完成了！

于 2013-09-18T14:10:44.930 回答