Question

我想对齐我的第二个按钮，请告诉我该怎么做。

感谢。

Answer 1

检查demo

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

并添加

右拉式

上课按钮。

Answer 2

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

<ul class="nav navbar-nav navbar-right">
.
.
</ul>

Answer 3

在导航栏中，如果Bootstrap对齐发生的情况略有不同。

要在导航栏中右侧对齐元素，请将所需元素放在单独的 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>

如果导航栏左侧的元素与 .pull-left 类的对齐问题

Answer 4

DEMO HERE

好吧，做出改变。

.navbar-header{
  width:100%;
}

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

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

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

你完成了！

Bootstrap 3，如何在导航栏上右键对齐按钮？

4 个答案: