<title>Bootstrap 实例 - 响应式的导航栏</title>
<link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css">
<script src="/js/bootstrap/jquery.min.js"></script>
<script src="/js/bootstrap/bootstrap3.3.7.min.js"></script>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#example-navbar-collapse">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<a class="navbar-brand" href="#">W3xue教程</a>
<div class="collapse navbar-collapse" id="example-navbar-collapse">