1. 程式人生 > >將底欄固定在網頁底部的好方法 bootstrap的navbar-static-bttom

將底欄固定在網頁底部的好方法 bootstrap的navbar-static-bttom

navbar-static-bottom這個類可以使其固定在網頁底部,並且不隨網頁滾動

<footer class="navbar-static-bottom">
   testteset
</footer>

如果需要隨網頁滾動,則使用navbar-fixed-bottom

<footer class="navbar-fixed-bottom">
   testteset
</footer>

備註:要記得加上bootstrap的CDN,否則會失敗

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"
>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>