首先先到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
以下內文出自:
文章定位：
