一、Bootstrap簡介
1、Bootstrap是什么
- Bootstrap是由Twitter推出的一個開源的前端開發框架。基於HTML/CSS/Javastrip，代碼簡介、視覺優美，用來快速開發基於PC及移動端的Web頁面，更快速、簡潔。
- Bootstrap官網：https://getbootstrap.com/
- Bootstrap中文文檔：https://v3.bootcss.com/
2、Bootstrap的特點
- 跨設備、跨瀏覽器（兼容所有主流的瀏覽器，包括IE7、IE8）
- 響應式布局（支持PC端、移動端（手機、pad等），移動設備優先）
- 提供了豐富的組件（表單、下拉列表、導航、徽章、面板、標簽等）
- 內置jQuery插件（模態框、工具提示、彈出框、輪播圖等）
- 支持動態樣式（less、sass，可以使用變量、嵌套、混合等，編寫樣式更快更靈活）
二、Bootstrap起步
1、下載Bootstrap
有兩種方式下載Bootstrap：
- 從bootstrap官網下載bootstrap
- cmd運行cnpm install bootstrap
下載完成后，將bootstrap.css和bootstrap.js兩個文件拷貝到項目中。另外，由於bootstrap是依賴於jquery的，因此還需要下載jquery，將jquery.js文件拷貝到項目中。
2、基本模板
- HTML5文檔類型
- 移動端適配，移動設備優先
- 基本的全局樣式
- 布局容器:.container和.container-fluid
