bootstrap固定响应式导航

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>//引入

 <div class="navbar navbar-default navbar-fixed-top">
   <div class="container"><!--用container包裹住可以居中-->
     <div class="navbar-header">
       <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
         <span class="sr-only">qqq</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span><!--图标-->
          <span class="icon-bar"></span><!--sr-only类可以对屏幕阅读器以外的设备隐藏内容-->
         </button>
          <a class="navbar-brand" href="#">dzxczx</a>
       </div>
        <div class="collapse navbar-collapse navbar-responsive-collapse">
            <ul class="nav navbar-nav">
                  <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
           </ul>
     </div>
   </div>
 </div>

固定响应式导航就这样写完啦~