22.Bootstrap(中文教程)元件：navs:基础导栏

ㄧ.基础导栏

<div id="demo" class="component container">  <ul class="nav justify-content-center nav-pills nav-justified">    <li class="nav-item"><a href="" class="nav-link active">HTML</a></li>    <li class="nav-item"><a href="" class="nav-link">CSS</a></li>    <li class="nav-item"><a href="" class="nav-link">JavaScript</a></li>  </ul></div>#demo.component{  padding: 50px;}

重点：
1.可使用网格系统的水平对齐，也可用垂直排列.flex-column
2. .nav-pills为片状样式
3. .nav-tabs为分页标籤样式
4. .nav-fill为佔用整个水平位置

codepen
参考：bootstrap4