html - Bootstrap nav がサイトの本体に折りたたまれる

Question

ナビゲーションがサイトの本文に折りたたまれてしまうという問題があり、ブラウザ ウィンドウのサイズが変更されたときに修正したままにしたいと考えています。bootstrapresponsive.css の最小/最大幅を調整しようとしましたが、まだ本体に消えているようです。どんな助けでも素晴らしいでしょう。乾杯！以下のコードを投稿しました。

<div class="navbar" style="padding-bottom:0px;">
  <div class="navbar-fixed-top">
   <div class="container" style="width: auto;">
      <div id="logo"><a href="index.php"><img src="images/CoHlogo.jpg" class="logoImage";></a></div>
      <div class="nav-right"> 
        <!--Social Networking-->
        <a class="socialNav" href="mailto:info@classroomofhope.org?subject=Website Inquiry"><img src="img/social/mail.png"/></a>
        <a class="socialNav" href="http://www.youtube.com/user/Classroomofhope" target="_blank"><img src="img/social/youtube.png"/></a>
        <!-- Twitter
        <a class="socialNav" href="https://twitter.com" target="_blank"><img src="img/social/twitter.png"/></a> -->
        <a class="socialNav" href="https://facebook.com/ClassroomOfHope" target="_blank"><img src="img/social/facebook.png"/></a>
        <!--Google plus
        <a class="socialNav" href="https://google.com" target="_blank"><img src="img/social/googleplus.png"/></a> -->
        <!--Donate Button -->
        <a href="donate.php"><img src="img/donate_header.png" class="donateImage";></a> 
      </div>

      <div class="nav-collapse" id="nav-collapse">
        <ul class="nav" id="nav">
          <li class="dropdown" id="about"><a href="about_us.php"  class="dropdown-toggle" data-hover="dropdown">ABOUT US</a>


                <ul class="dropdown-menu">
                <li id="values"><a href="our_values.php">OUR VALUES</a></li>
                <li id="journey"><a href="our_journey.php">OUR JOURNEY SO FAR</a></li>
                <li id="founder"><a href="meet_the_founder.php">MEET THE FOUNDER</a></li>
                </ul>
          </li>
          <li id="education"><a href="why_education.php">WHY EDUCATION?</a></li>
          <li id="projects"><a href="projects.php">PROJECTS</a></li>
          <!--<li id="media"><a href="media_centre.php">MEDIA CENTER</a></li>-->
          <li id="donate"><a href="donate.php">DONATE</a></li>
          <li id="contact"><a href="contact_us.php">CONTACT US</a></li>
        </ul>



      </div>
    </div>
  </div>
</div>
</div>