前端框架之bootstrap

建議使用3版本，不要輕易使用最新版本
響應式佈局:根據顯示器大小動態合理調整頁面佈局
CDN:內容分發網路
    為了加快對靜態資源(不會經常改變的如圖片、css檔案、js檔案)資料的訪問速度
bootstrap涉及到動態效果需要使用jQuery，bootstrap是基於jQuery,也就意味著你在用bootstrap要先匯入jQuery檔案！！！

第一次使用bootstrap最好先下載原始檔本地匯入使用
    目的是為了讓pycharm能夠識別該框架提供的功能並自動提示
    如果直接使用CDN那麼pycharm無法自動提示

# 使用bootstrap調節頁面樣式其實就是在修改標籤的class值
 

選擇器

選擇器(為了查詢我們需要查詢的標籤並操作)
    id選擇器
        #d1 {}
    class選擇器
        .c1 {}
    標籤選擇器
        div {}

基本使用

1.輪波圖

可在image處修改圖片地址src，展示不同的圖片

2.佈局容器

相當於整個網頁的風格
          container   左右有留白
        container-fluid   左右無留白

3.柵格系統

Bootstrap 提供了一套響應式、移動裝置優先的流式柵格系統，隨著螢幕或視口（viewport）尺寸的增加，系統會自動分為最多12列。    row來劃分一行(一個row是固定的12份)       在row裡面通過col-md-n來劃定需要幾份  #
 
 在劃定的時候一定保證最多12

柵格引數