5-4 安裝
6. 註冊機制
一、bootstrap 容器
- container
- container-fluid(滿版)
二、bootstrap 網格系統
| 超小屏幕 手机 (<768px) | 小屏幕 平板 (≥768px) | 中等屏幕 桌面显示器 (≥992px) | 大屏幕 大桌面显示器 (≥1200px) | |
|---|---|---|---|---|
| 栅格系统行为 | 总是水平排列 | 开始是堆叠在一起的，当大于这些阈值时将变为水平排列C | ||
.container 最大宽度 |
None （自动） | 750px | 970px | 1170px |
| 类前缀 | .col-xs- |
.col-sm- |
.col-md- |
.col-lg- |
| 列（column）数 | 12 | |||
| 最大列（column）宽 | 自动 | ~62px | ~81px | ~97px |
| 槽（gutter）宽 | 30px （每列左右均有 15px） | |||
| 可嵌套 | 是 | |||
| 偏移（Offsets） | 是 | |||
| 列排序 | 是 | |||
三、表單
- form：http://www.w3school.com.cn/html/html_forms.asp
action 屬性：指定某個服務器的腳本，來處理提交的表單
method屬性：規定在提交表單時所用的HTTP方法（GET或POST) - 表單元素：http://www.w3school.com.cn/html/html_form_elements.asp
input：單行
select：下拉選單
textarea：多行 - html輸入類型：http://www.w3school.com.cn/html/html_form_input_types.asp
<input type="text">：文本
<input type="password"> ：密碼
<input type="submit">：提交
<input type="radio"> ：單選
<input type="checkbox">：複選
<input type="button>：按鈕
以及html5新增的類型 - 圖解
四、包裝表單
- 按鈕：http://v3.bootcss.com/css/#buttons
class="btn btn-primary btn-xs" => "button類 顏色 尺吋" - bootstrap 整合應用：
- 20171018