24h購物| | PChome| 登入
2023-02-17 08:35:01| 人氣8| 回應0 | 下一篇
推薦 0 收藏 0 轉貼0 訂閱站台

若何用bootstrap製作RWD網站 網站架設

 

介紹
預編譯版 下載壓縮包以後，將其解壓縮到隨便目次即可看到以下（緊縮版的）
目錄構造：
  1. bootstrap/
  2. ├── css/
  3. │   ├── bootstrap.css
  4. │   ├── bootstrap.css.map
  5. │   ├── bootstrap.min.css
  6. │   ├── bootstrap.min.css.map
  7. │   ├── bootstrap-theme.css
  8. │   ├── bootstrap-theme.css.map
  9. │   ├── bootstrap-theme.min.css
  10. │   └── bootstrap-theme.min.css.map
  11. ├── js/
  12. │   ├── bootstrap.js
  13. │   └── bootstrap.min.js
  14. └── fonts/
  15.     ├── glyphicons-halflings-regular.eot
  16.     ├── glyphicons-halflings-regular.svg
  17.     ├── glyphicons-halflings-regular.ttf
  18.     ├── glyphicons-halflings-regular.woff
  19.     └── glyphicons-halflings-regular.woff2
複製代碼
插手下面代碼
  1. <link href="/css/bootstrap.css" rel="stylesheet">
  2. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  3. <script src="/js/bootstrap.js"></script>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
複製代碼
  1. <meta name="viewport" content="width=device-width, initial-scale=1.0">
複製代碼
1.jpg
首先先到BootStrap網站下載開源碼
https://v3.bootcss.com/getting-started/#download

 

文章出處http://www.netyea.com/state-93.html

然後把檔案放到根目次的 CSS 及 js 目次下
網站架設
打開檔頭在head中
網站架設
  1. <head>
  2. </head>
複製代碼
這行很重要必然要加入 不然手機瀏覽時不會主動縮放
完成

 

 



以下內文出自:

我要檢舉
台長： ruiztyrq3
人氣(8) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 消費情報(網拍、網購、買賣) | 個人分類: NetYea |
此分類下一篇:利用 pytube4 下載影片 網站架設

我要回應
否 是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼：
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文