navbarブートストラップのテキストを隠す

Question

私は、下の画像のように、テキストをバーの後ろに隠すという問題があります。

コード トグルナビゲーション MegaMenu

<div class="collapse navbar-collapse js-navbar-collapse"> 
     <ul class="nav navbar-nav"> 
     <li class="dropdown mega-dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Collection <span class="glyphicon glyphicon-chevron-down pull-right"></span></a> 

     </li> 
      </ul> 

     </div> 
     <!-- /.nav-collapse --> 
     </nav> 
    </div> 

私は誰かが私を助けることができると思います。

ご挨拶。

Answer 1

あなたのnavbarにはnavbar-fixed-topクラスがあります。

固定ナビゲーションバーは固定された位置にあり、どの要素にもオーバーレイします。

navbar自体の幅は50ピクセルです。私は固定のBSのナビゲーションバーで自分のアプリケーションで行う傾向にある何

は次のとおりです。

body { 
    margin-top: 50px; 
} 

は、本体である必要はありませんが、基本的なアイデアは、あなたのコンテンツをラップしては50pxにそれをプッシュすることです。

編集

OPは彼のコードを追加し、ナビゲーションバーがnavbar-fixed-topありませんが、問題は同じです。