如何用bootstrap製作RWD網站
首先先到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">
<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
頁:
[1]