Bootstrap 折疊文本/右拉

Question

我正在玩導航欄等，我想知道如何讓右拉功能按照我的意願工作（我希望我的導航欄鏈接朝向屏幕的右側，而不是就在導航欄品牌旁邊）。

我也碰到了折疊欄的問題，主要是右拉功能故障，將整個折疊欄向右拉，只能看到文字和一個小欄，手機用戶幾乎看不到由於尺寸小，請按鏈接。 無論如何，是否可以將導航欄文本向右移動而不會弄亂導航欄折疊？

<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>