若何用bootstrap製作RWD網站
介紹
預編譯版 下載壓縮包之後,將其解壓縮到隨意率性目次便可看到以下(緊縮版的)
目次構造:
- 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
複製代碼
插足下面代碼
- <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">
複製代碼
文章出處http://www.netyea.com/state-93.html
然後把檔案放到根目次的 CSS 及 js 目錄下
打開檔頭在head中
起首先到BootStrap網站下載開源碼
https://v3.bootcss.com/getting-started/#download
這行很重要一定要到場 不然手機瀏覽時不會主動縮放
完成