Bootstrap是Twitter推出的一個開源的用于前端開發(fā)的工具包。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發(fā)，是一個CSS/HTML框架。
bootstrap如何使用
Bootstrap中內置了一套響應式的, 移動優(yōu)先的流式柵格系統(tǒng), 隨著不同的設備, 不同的平臺. 或者窗口大小(viewport), 根據(jù)他們的不同系統(tǒng)會自動的分成12份. 也就是說, 柵格系統(tǒng)是通過一系列的行和列來組成我們需要的頁面, 然后把你需要的內容放在這些的布局中.在使用柵格系統(tǒng)的時候, 需要注意的是: 需要在使用.row(行的意思)的外層使用 .container 為的是, 在賦值時給出合適的排列(aligment)和內補(padding).
舉個例子: 一行 其中包含3個內容 分別占屏幕的25%, 50%, 25%. 我們要在超小屏幕設備-手機上使用. 那么就要寫成12的3, 6, 3. 具體代碼看圖片, 這里的效果圖, 為了效果加上了一個well的class. 只是為了演示效果, 能夠看清除.
為了有一個很好的學習東西, 讓你看一下表格的創(chuàng)建. 就是這么的簡單, 只需要在table上, 填寫一個class為.table的樣式即可生成一個很好很實用的表格. 其實, 這些都是別人提前建立好的頁面顯示效果, 就是不用自己再去寫一些簡單的css效果. 多練. 多使用它就屬于你.
在給出一個只有簡單的帶有導航欄的頁面. 該頁面, 理解透了, 這個東西你就算學會了, 剩下的就是用什么查一下文檔就拿來用了,
- PC官方版
- 安卓官方手機版
- IOS官方手機版
DJI 大疆飛行模擬1.4官方版
關閉硬盤盒自動休眠軟件附教程
ELM327驅動1.0 官方版
PowerPCB電路設計實用教程pdf電子版
PowerPCB高速電子電路設計與應用pdf高清電子版
電路及電工技術基礎pdf高清電子版
硬盤壞道修復教程doc 免費版
Revit MEP入門教程官方版doc 最新版
新編電腦組裝與硬件維修從入門到精通pdf 高清免費版
硬件系統(tǒng)工程師寶典pdf免費電子版
xbox one手柄連接電腦教程doc完整免費版
硬件工程師入門教程pdf高清免費下載
Hyper-v虛擬機如何訪問USB設備doc完整版
電腦主板跳線的接法詳解doc最新免費版
線性穩(wěn)壓器基礎知識pdf完整版
ModelSim簡明使用教程pdf版
數(shù)字電子技術基礎教程(閻石第5版)pdf版
筆記本硬件結構終極教程pdf免費版
電路第五版邱關源pdf高清免費版
計算機組成與設計硬件軟件接口第五版pdf附答案完整版
金融煉金術(原版)pdf格式【中文完整版】
深入PHP面向對象模式與實踐(中文第三版)pdf高清掃描版【完整版】
HADOOP實戰(zhàn)(中文第二版)pdf清晰完整電子版
大數(shù)據(jù)時代 生活工作與思維的大變革pdf中文完整版免費下載
U盤裝系統(tǒng)(優(yōu)盤安裝操作系統(tǒng))圖解教程 PDFpdf完整高清版【附源代碼】免費下載
機械設計手冊第五版電子版pdf高清免費版
瘋狂java講義(第3版)pdf (中文版)電子版
168個photoshop超實用修圖調色教學集合【視
常見易燃易爆物品列表最新整理版【word版】
LabVIEW入門教程pdf格式【清華版labview例程
中國105個城市特色菜介紹doc格式免費版【中
辦公軟件學習教程wordppt打包下載
端午節(jié)主題班會ppt免費版【端午節(jié)ppt課件】
物業(yè)小區(qū)消防培訓內容免費版【消防培訓資料
交通安全宣傳手冊pdf格式免費版【可打印】