線上書籍

Home

PHP SMARTY 樣板引擎

一、bootstrap 容器

  1. container
  2. container-fluid(滿版)

二、bootstrap 網格系統

 

  超小屏幕 手机 (<768px) 小屏幕 平板 (≥768px) 中等屏幕 桌面显示器 (≥992px) 大屏幕 大桌面显示器 (≥1200px) 栅格系统行为 .container 最大宽度 类前缀 列（column）数 最大列（column）宽 槽（gutter）宽 可嵌套 偏移（Offsets） 列排序
总是水平排列 开始是堆叠在一起的，当大于这些阈值时将变为水平排列C
None （自动） 750px 970px 1170px
.col-xs- .col-sm- .col-md- .col-lg-
12
自动 ~62px ~81px ~97px
30px （每列左右均有 15px）
是
是
是

三、表單

  1. form：http://www.w3school.com.cn/html/html_forms.asp 
    action 屬性：指定某個服務器的腳本，來處理提交的表單
    method屬性：規定在提交表單時所用的HTTP方法（GET或POST)
  2. 表單元素：http://www.w3school.com.cn/html/html_form_elements.asp 
    input：單行
    select：下拉選單
    textarea：多行
  3. 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新增的類型
  4. 圖解

四、包裝表單

  1. 按鈕：http://v3.bootcss.com/css/#buttons 
    class="btn btn-primary btn-xs" => "button類 顏色 尺吋"
  2. bootstrap 整合應用：
  3. 20171018