常用导航布局案例

摘要：        常用导航布局案例        头部导航布局，我觉得挺简单的，十分钟写完。        主要还是字体库图标:font awesome   &n

        常用导航布局案例
        头部导航布局，我觉得挺简单的，十分钟写完。
        主要还是字体库图标:font awesome
        引用css，bootstrap cdn地址:<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">   
        主要使用i span标签，class="fa fa-xxxx" 后面加上图标class就行了

        使用 fa-2x fa-3x fa-4x fa-5x依次放大图标   
        使用 fa-fw 可以将图标设置为一个固定宽度。主要用于不同宽度图标无法对齐的情况。 尤其在列表或导航时起到重要作用。
        使用 fa-ul 和 fa-li 便可以简单的将无序列表的默认符号替换掉。
        使用 fa-spin(持续旋转)类来使任意图标旋转，现在您还可以使用 fa-pulse(暂停持续旋转) 尤其适合 fa-spinner、fa-refresh 和 fa-cog 。