Bootstrap系列 -- 43. 固定導航條

賀臣發表於2015-06-29

 

  很多情況之一,設計師希望導航條固定在瀏覽器頂部或底部,這種固定式導航條的應用在移動端開發中更為常見。Bootstrap框架提供了兩種固定導航條的方式:

 

   .navbar-fixed-top:導航條固定在瀏覽器視窗頂部

  .navbar-fixed-bottom:導航條固定在瀏覽器視窗底部

<div class="navbar navbar-default navbar-fixed-top" role="navigation">
 …
</div>
<div class="content">我是內容</div>
<div class="navbar navbar-default navbar-fixed-bottom" role="navigation">
 …
</div>

 

相關文章