13. 細部調整樣版(一)

一、容器：bootstrap的容器有二種

1. 固定寬度：container
2. 滿版：container-fluid

二、font-awesome  圖示

1. 官網：http://fontawesome.io/
2. 圖示：http://fontawesome.io/icons/
3. 引入CSS：

   <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    

三、font-awesome使用

1. 標準

   <i class="fa fa-diamond"></i>

    

2. 放大

   <i class="fa fa-diamond fa-lg"></i>

    

3. 兩倍

   <i class="fa fa-diamond fa-2x"></i>

    

4. 三倍

   <i class="fa fa-diamond fa-3x"></i>

    

5. 四倍

   <i class="fa fa-diamond fa-4x"></i>

    

6. 五倍

   <i class="fa fa-diamond fa-5x"></i>

    

7. 轉圈圈

   <i class="fa fa-diamond fa-4x text-primary sr-icons fa-spin"></i>

    

8. 更多範例：http://fontawesome.io/examples/