Bootstrap Navbar Buttons混在する

Question

私はデスクトップでうまく動作するBootstrap Navbarを持っていますが、約425pxで縮小すると、コンタクトボタンはログインボタンとしても動作し始めます。

私が持っているコードは、私はお問い合わせをクリックしたときに、この

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<ul class="nav navtop navbar-nav pull-right"> 
 
    <li class="dropdown"> 
 
    <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 
 
     Contact Us <span class="caret"></span> 
 
    </a> 
 
    <ul class="dropdown-menu"> 
 
     <li><a href="/business-advertising">Advertising</a></li> 
 
     <li><a href="/council-contact">Contact the Council </a></li> 
 
     <li><a href="/report-a-problem">Report a Problem</a></li> 
 
    </ul> 
 
    <!-- Modal --> 
 
    <div id="myModal" class="modal fade" role="dialog"> 
 
     <div class="modal-dialog"> 
 
     <div class="modal-content"> 
 
      <div class="modal-header"> 
 
      <h4 class="modal-title">Login</h4> 
 
      </div> 
 
      <div class="modal-body"> 
 
      </div> 
 
      <div class="modal-footer"> 
 
      <p class="modalfooter discoverthesecret">discover the secret...</p> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div>

だから、それはログインモーダルをアップロードしているのですか？

ありがとうございます。

Answer 1

あなたの2番目のリスト項目（ログインBTN）は、最初の上にある、あなたがトリガされているので、代わりに最初の

の第二は、次の行を追加します。

.nav>li { 
    width: 50%; 
    float: right; 
}