导航中图标，表单的编程：
<Meta charset="utf-8">
<Meta http-equiv="X-UA-Compatible" content="IE-edge">
<Meta name="viewport" content="width=device-width,initial-scale=1">
Bootstrap 101 Template@H_<a href="/tag/301/" target="_blank" class="keywords">301</a>_5@
<link href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap-theme.min.css" rel="external <a href="/tag/nofollow/" target="_blank" class="keywords">nofollow</a>" rel="external <a href="/tag/nofollow/" target="_blank" class="keywords">nofollow</a>" rel="stylesheet">
<link href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="external <a href="/tag/nofollow/" target="_blank" class="keywords">nofollow</a>" rel="external <a href="/tag/nofollow/" target="_blank" class="keywords">nofollow</a>" rel="stylesheet">
</head>
<body>
<p><nav class="navbar navbar-default" role="navigation"></p>
<!--
<nav class="navbar navbar-default navbar-inverse" role="navigation">
-->
<p><div class="container-fluid"></p>
<!-- 导航图标 -->
<p><div class="navbar-header"><br />
<a class="navbar-brand" href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><br />
<img alt="Brand" src="1.jpg"><br />
</a></p>
</div>
<!-- 导航表单 -->
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<!-- 输入 -->
<input type="text" class="form-control" placeholder="Search">
</div>
<!-- 按钮 -->
<button type="submit" class="btn btn-default">Submit</button>
</form>
<button type="button" class="btn btn-default navbar-btn">Sign in</button>
<!-- 非导航的链接 -->
<p class="navbar-text navbar-right">Signed in as<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="navbar-link">
Mark Otto</a></p>
</div>
</nav>
<!-- 路径导航 -->
<p><script src="<a href="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js">">http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></a>;</script><br />
<script src="<a href="http://cdn.bootcss.com/bootstrap/3.3.1/js/bootstrap.min.js">">http://cdn.bootcss.com/bootstrap/3.3.1/js/bootstrap.min.js"></a>;</script><br />
<script src="<a href="http://cdn.bootcss.com/bootstrap/3.3.1/js/npm.js">">http://cdn.bootcss.com/bootstrap/3.3.1/js/npm.js"></a>;</script></p>
</body>
</html>
</pre>
</div>
<p>结果：
</p>
<p style="text-align: center"><img id="theimg" src="https://files.jb51.cc/file_images/article/201703/20173691041497.jpg?20172691049" alt="" /></p>
<p><h3>路径导航：</h3></p>
<div class="jb51code">
<pre class="brush:xhtml;">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Bootstrap 101 Template