BootStrap響應式導航條執行個體介紹，bootstrap導航條

BootStrap響應式導航條執行個體介紹，bootstrap導航條

Bootstrap，來自 Twitter，是目前最受歡迎的前端架構。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷。響應式導航條就是可以在不同的裝置下查看不同的效果。

下面給大家分享代碼：

<header role="banner"><nav role="navigation" class="navbar navbar-default"><div class="container"><div class="navbar-header"><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="index.html">Bootstrappin'</a></div><div class="navbar-collapse collapse"><ul class="nav navbar-nav"><li class="active"><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” 預期行為

以上內容是小編給大家介紹的BootStrap響應式導航條執行個體介紹，希望對大家有所協助！