引导程序中的容器和行规则

我有一个导航栏，我想添加一些文本，但文本总是在导航栏区域结束。我完全相信我的所有div标签和UL标签关闭，但仍然没有运气..引导程序中的容器和行规则

  <!-- CSS --> 
      <link rel="stylesheet" href="css/main.css"> 
      <link rel="stylesheet" href="css/bootstrap.css"> 
      <link rel="stylesheet" href="css/font-awesome.css"> 

      <!-- JS --> 
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> 
      <script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 
      <script type="text/javascript" src="js/custom.js"></script> 

     <style> 
     /* Override Some CSS Rules */ 
     body { background: black; color: green; } 
     input[type=text] { color: ligthblue; font-family: "raleway"; background-color: #eee; } 
     </style> 
     <div id="top"></div> 
     </head> 
     <body> 

     <div class="navbar navbar-default navbar-fixed-top"> <!-- START: navbar --> 
     <div class="container"> <!-- START: container1 --> 
     <div class="row"> <!-- START: row1 --> 

     <a href="member" class="navbar-brand">Company</a> <!-- Logo --> 

      <button class="navbar-toggle" data-toggle="collapse" data-target=".navheader"> <!-- START: navbutton --> 
       <i class="icon-bar"></i> 
       <i class="icon-bar"></i> 
       <i class="icon-bar"></i> 
      </button> <!-- END: navbutton --> 


     <div class="collapse navbar-collapse navheader"> <!-- START: navheader collapse -->  
      <ul class="nav navbar-nav navbar-right"> <!-- START: navbar ul class --> 

        <li><a href="member">Home</a></li> 
        <li><a href="#add">Add</a></li> 
        <li><a href="#edit">Edit</a></li> 
        <li><a href="#delete">Remove</a></li> 



      </ul> <!-- END: navbar ul class --> 
      </div> <!-- END: navheader collapse --> 
      </div> <!-- END: row1 --> 
      </div> <!-- END: container1 --> 
      </div> <!-- END: navbar --> 

<!-- This div shows up in navbar area :S --> 
     <div class="container"> 
     <div class="row"> 
       <div class="col-md-4 col-md-offset-3"> 
    <font color="green">Hey there!</font> 
       </div> 
     </div> 
     </div> 

     </body> 
    </html>

请帮助。我想了解规则和我做错了什么。另外我希望文字居中，所以<div class="col-md-4 col-md-offset-3">是最好的选择？

预先感谢您！

来源

2014-10-07 SouperDuperNoob