Bootstrap-导览样式

有点时间来做做看页籤样式部分，Bootstrap真的蛮屌的。
其实会一点切版不过对rwd不熟。
但是bootstrap都已经写好了很多东西，蛮傻眼就玩玩看。
有空自己也想要另外写个一个网站，目前的作品也做好了在应徵工作中，前后端我都蛮有兴趣的。
有点时间就刚好来补一下这部分。

以下都是添加在ul,下面的html为结构
1.置中与置右以及垂直：justify-content-center、justify-content-end、flex-column
2.分页标籤与片状的样式：nav-tabs、nav-pills
3.使用 .nav-fill 会将 .nav-item 内容按照比例分配空间。注意，这会佔用所有的水平空间，但并不是每个导览项目都具有相同宽度。
4.对于等宽元素使用 .nav-justified。 所有的水平空间将被导览连结佔据，但与上面的 .nav-fill 不同，每个导览项都将是相同的宽度。

<div class="demo1">  <ul class="nav"><!-- 必须要在外层加nav -->    <li class="nav-item"><!-- li必须为nav-item -->      <a href="#" class="nav-link active">Active</a><!-- a必须为nav-link、active的连结为目前启用-->    </li>    <li class="nav-item">      <a href="#" class="nav-link">Link</a>    </li>    <li class="nav-item">      <a href="#" class="nav-link disabled">Disabled</a>    </li>  </ul></div>

codepen
参考：六角学院Bootstrap官网文件