首先先到BootStrap網站下載開源碼 https://v3.bootcss.com/getting-started/#download
然後把檔案放到根目錄的 CSS 及 js 目錄下 打開檔頭在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">
複製代碼
- <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
複製代碼
文章出處http://www.netyea.com/state-93.html
|