響應式導航條就是可以在不同的設備下查看不同的效果。這篇文章主要介紹了BootStrap響應式導航條實例介紹的相關資料，小編認為本文介紹的非常的不錯，特此分享給大家，供大家參考
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發(fā)更加快捷。響應式導航條就是可以在不同的設備下查看不同的效果。
下面給大家分享代碼：
<header role="banner">
<nav role="navigation">
<div>
<div>
<button type="button" data-toggle="collapse" data-target=".navbar-collapse">
<span></span>
<span></span>
<span></span>
</button>
<a href="index.html">Bootstrappin'</a>
</div>
<div>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</nav>
</header>
data-toggle=”collapse” 預期行為
以上內(nèi)容是小編給大家介紹的BootStrap響應式導航條實例介紹，希望對大家有所幫助！