• 如何用bootstrap製作RWD網站
  •    推文至Facebook 推文至Plurk 推文至Twitter 
  • 首先先到BootStrap網站下載開源碼

    https://v3.bootcss.com/getting-started/#download

     

    然後把檔案放到根目錄的 CSS 及 js 目錄下

    打開檔頭在head中

    <head>

    </head>

     

     

    加入下面代碼

    <link href="/css/bootstrap.css" rel="stylesheet">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

    <script src="/js/bootstrap.js"></script>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

     

     

     



     

    紅色這行很重要一定要加入 不然手機瀏覽時不會自動縮放

    完成

     

    介紹

    預編譯版 下載壓縮包之後,將其解壓縮到任意目錄即可看到以下(壓縮版的)

    目錄結構:

    bootstrap/
    ├── css/
    │   ├── bootstrap.css
    │   ├── bootstrap.css.map
    │   ├── bootstrap.min.css
    │   ├── bootstrap.min.css.map
    │   ├── bootstrap-theme.css
    │   ├── bootstrap-theme.css.map
    │   ├── bootstrap-theme.min.css
    │   └── bootstrap-theme.min.css.map
    ├── js/
    │   ├── bootstrap.js
    │   └── bootstrap.min.js
    └── fonts/
        ├── glyphicons-halflings-regular.eot
        ├── glyphicons-halflings-regular.svg
        ├── glyphicons-halflings-regular.ttf
        ├── glyphicons-halflings-regular.woff
        └── glyphicons-halflings-regular.woff2

    bootstrap, RWD, NetYea, 新竹網頁設計, 新竹網頁