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


 

  很多情況之一,設計師希望導航條固定在瀏覽器頂部或底部,這種固定式導航條的應用在移動端開發中更為常見。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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM