Question

我正在使用bootstrap 3并试图将我的按钮保持在所有屏幕和浏览器的右侧。在IE上，按钮保持在右侧，但在chrome上，它们仅在小屏幕上的右侧。如何让它们在所有屏幕上保持在右侧。我已经尝试过单向拉按钮而没有运气，现在我已经申请了btn工具栏但仍然没有运气。关于这个问题的任何想法？

 <nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">Grid</a>
          <p class="navbar-btn">
               <div class="btn-toolbar pull-right">
                    <a href="d.htm" target="_blank" id="info" class="btn btn-primary"><i class="glyphicon glyphicon-info-sign"></i></a>
                   <a href="B.html" class="btn btn-primary"><i class="glyphicon glyphicon-refresh"></i></a>
                </p>
          </div>
    </div>
                   
</nav>

Answer 1

首先，你错过了一个

这对我有用。

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="col-xs-6">
            <div class="navbar-header">
                <a href="#" class="navbar-brand">Grid</a>
                <p class="navbar-btn">
                </p>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="btn-toolbar pull-right">
                <p class="navbar-btn">
                </p>
                <a href="d.htm" target="_blank" id="info" class="btn btn-primary"><i class="glyphicon glyphicon-info-sign"></i></a>
                <a href="B.html" class="btn btn-primary"><i class="glyphicon glyphicon-refresh"></i></a>
            </div>
        </div>
    </div>
</nav>

导航栏中的bootstrap btn-toolbar pull-right无法正常工作

1 个答案: