標籤：
1、Bootstrap是前端開發的架構技術，其採用將整個網頁劃分為12列，進行架構搭建，通過其內部
特定代碼可自動產生對應的各種樣式。是比較方便快速的網頁編寫方法。
2、col-xs-數字（佔位的格數）
row=12，間距30px
3、使用Bootstrap時，需要引入相應的檔案
1、在css檔案夾中放入檔案夾css，js，和fonts；
2、引入檔案名稱為.bootstrap.min.css（head部分用link方式引入）
3、引入js檔案{jquery.min.js（前） <script src"">
bootstrap.min.js(後）（在</body>與</html>之間引入
4、bootstrap為行動裝置優先的，並且內建響應式布局，若需要禁用響應式布局可以：
1、！import方式
2、對container（最外層div）設定寬度
5、Bootstrap使用到的某些HTML元素和CSS屬性需要將版面設定為HTML5文件類型。
<!DOCTYPE html>
<html lang="zh-CN">
...
</html>
6、為了確保適當的繪製和觸屏縮放，需要在<head>之中添加viewport中繼資料標籤。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
若需要禁用縮放功能，則用：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
7、柵格選項
超小螢幕<768px，手機 .col-xs-
小螢幕裝置》768px，平板 .col-sm-
中等螢幕裝置》992px,pc .col-md-
超大螢幕》1200px， .col-lg-
Bootstrap架構技術
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
