Bootstrap實(shí)例:Hello World
1. Bootstrap Hello World 源碼實(shí)例Bootstrap是一個(gè)基于HTML、CSS和JavaScript的簡(jiǎn)潔靈活框架,它使得Web開發(fā)更加快捷。下面是一個(gè)簡(jiǎn)單的Bootstrap
1. Bootstrap Hello World 源碼實(shí)例
Bootstrap是一個(gè)基于HTML、CSS和JavaScript的簡(jiǎn)潔靈活框架,它使得Web開發(fā)更加快捷。下面是一個(gè)簡(jiǎn)單的Bootstrap Hello World源碼實(shí)例:
```
Hello, world!
```
這個(gè)例子展示了一個(gè)使用Bootstrap的基本HTML結(jié)構(gòu),其中包含一個(gè)居中顯示的標(biāo)題。
2. Bootstrap Hello World 源碼屬性說(shuō)明
以下是Bootstrap Hello World源碼中一些重要的屬性說(shuō)明:
- viewport屬性:
- widthdevice-width:移動(dòng)設(shè)備可視區(qū)域的寬度與設(shè)備的寬度相同
- height:同width
- initial-scale1:頁(yè)面首次顯示在可視區(qū)域的縮放級(jí)別,按實(shí)際尺寸顯示
- maximum-scale1.0, minimum-scale1.0:可視區(qū)域的縮放級(jí)別,用戶可將頁(yè)面放大的程度,1.0將禁止用戶放大到實(shí)際尺寸之上。
- user-scalable:是否可對(duì)頁(yè)面進(jìn)行縮放,no禁止縮放
3. 條件注釋判斷瀏覽器版本
在Bootstrap源碼中,可以看到以下條件注釋:
```
```
這部分代碼用于在瀏覽器版本小于IE9時(shí)引用if和endif之間的內(nèi)容。它主要用于支持HTML5元素和媒體查詢的IE8瀏覽器。
4. 注意事項(xiàng)
如果你使用Bootstrap插件,需要注意以下事項(xiàng):
1. 如果使用Bootstrap插件必須引入jQuery插件。
2. 必須引入bootstrap.min.js和bootstrap.min.css。
3. 可選引用html5shiv.js和respond.min.js來(lái)提供對(duì)低版本瀏覽器的支持。
5. Bootstrap Hello World 效果圖
以下是使用Bootstrap的Hello World效果圖:
![Bootstrap Hello World]()
6. 普通HTML Hello World 對(duì)比圖
下面是使用普通HTML編寫的Hello World頁(yè)面與使用Bootstrap編寫的Hello World頁(yè)面的對(duì)比圖:
![普通HTML Hello World對(duì)比圖]()