網站架設如何用bootstrap製作RWD網站＠新竹網站架設

2023-01-14 08:26:17| 人氣8| 回應0 | 上一篇

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

推薦 0 收藏 0 轉貼0 訂閱站台

起首先到BootStrap網站下載開源碼

https://v3.bootcss.com/getting-started/#download

然後把檔案放到根目錄的 CSS 及 js 目次下

打開檔頭在head中

<head>

</head>

網站架設 複製代碼

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

這行很主要一定要加入否則手機瀏覽時不會自動縮放

完成

介紹

預編譯版下載緊縮包以後，將其解緊縮到隨便目次便可看到以下（緊縮版的）

目錄佈局：

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">

複製代碼

網站架設

本文引用自:

我要檢舉

台長： susanrut4

人氣(8) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 社會萬象(時事、政論、公益、八卦、社會、宗教、超自然) | 個人分類: NetYea |
此分類上一篇:php5與php7的區分是什麼

回應(0)

新竹網站架設 0愛的鼓勵 0訂閱站台

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

新竹網站架設
0愛的鼓勵 0訂閱站台

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