Question

我正在玩导航栏等等，我想知道如何让我的拉动功能正常工作（我希望我的导航栏链接朝向屏幕的右侧）而不是在navbar品牌旁边。）

我还遇到了崩溃栏的问题，主要是拉右功能故障，它将整个折叠栏向右拉，这样你只能看到文字和一个小条，几乎不可能移动用户因为体积小而按下链接。无论如何都要将导航栏文本向右移动而不会弄乱导航栏崩溃？

<div class="collapse navbar-collapse pull-right" id="navMain">
  <ul class="nav navbar-nav">
  <li class="active"><a href="#">Home</a></li>
  <li><a href="#">Portfolio</a></li>
  <li><a href="#">About</a></li> 
  <li><a href="#">Contact</a></li>

Answer 1

而不是在类崩溃的div上添加pull-right，而是将pull-right类添加到ul

实施例

  <div class="collapse navbar-collapse" id="navMain">
     <ul class="nav navbar-nav pull-right">
       <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Page 1</a></li>
      <li><a href="#">Page 2</a></li>
      <li><a href="#">Page 3</a></li>
    </ul>
  </div>

Bootstrap折叠文本/右拉

1 个答案: