導覽列
<nav class="nav navbar-default">
<div class="container-fluid">
<ul class="nav nav-tabs nav-justified">
<li><a data-toggle="tab" href="key1">標題1</a></li>
<li><a data-toggle="tab" href="key2">標題2</a></li>
</ul>
</div>
</nav>
<div class="tab-content">
<div id="key1" class=tab-pane fade in active>
內容1
</div>
<div id="key2" class=tab-pane fade in active>
內容2
</div>
</div>
底部導覽列
<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
<div class="container-fluid">
<div class="row" style="padding:0px">
<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
<button type="button" class="btn btn-info btn-lg btn-block" onclick="logout()">登出</button>
</div>
</div>
</div>
</nav>
底部導覽列不覆蓋內容
<body style="padding-bottom: 70px;">