• 如何用bootstrap製作RWD網站
  • 首頁 》 網頁優化SEO
    推文至Facebook  

  • 首先先到BootStrap網站下載開源碼

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

     

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

    打開檔頭在head中

    <head></head>

     

     

     

    加入下面代碼

    1. <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, 新竹網頁設計, 新竹網頁

NetYea 客服 NetYea 客服
NetYea 客服

如何用bootstrap製作RWD網站 -