TShopping

 找回密碼
 註冊
搜索
查看: 2155|回復: 0
打印 上一主題 下一主題

[教學] 如何用bootstrap製作RWD網站

[複製鏈接]
跳轉到指定樓層
1#
發表於 2018-2-7 18:01:19 | 只看該作者 |只看大圖 回帖獎勵 |倒序瀏覽 |閱讀模式
 
Push to Facebook
首先先到BootStrap網站下載開源碼
https://v3.bootcss.com/getting-started/#download

然後把檔案放到根目錄的 CSS 及 js 目錄下
打開檔頭在head中
  1. <head>
  2. </head>
複製代碼


加入下面代碼
  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. 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
複製代碼

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

 

臉書網友討論
*滑块验证:
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2024-11-1 06:46 , Processed in 0.090302 second(s), 25 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表