表單模組可以分為兩部分：一是表單的布局，也就是規範表單元素單元的排列位置；二是表單元素，如：輸入框、單選、複選、列表元件、搜尋元件等，由於列表元件、搜尋元件不是單純的css元件，所以暫且沒有實現。
表單布局分為：表單容器、行、表單元素組（包含元素標題、元素）。並且實現根據螢幕進行自適應。示例效果如下：
從示例效果可以看出，布局會根據瀏覽器大小實現自適應。自適應**如下：
@import '../mixins/breakpoints';首先對容器內部的f-form-row（表單行）進行了magin-top的設定。然後增加了fluid類名，用於控制此表單列表是否需要支援自適應效果 。.f-form-container> .f-form-row + .f-form-row&.fluid}}}
}
表單元素只實現的input、checkbox、radio等三個基本元素型別。
對input元素主要實現了字首和字尾的能力，其中前字尾中的內容可以任意寬度，現在引入的為font-awesome的web字型庫。其實check和radio的圖示也是來至於font-awesome。**如下：
.f-form-control}其中遇到兩個比較棘手的問題處理方案：.f-input-addon}
//addon position
.f-form-group.f-form-control}
&.addon-after.f-form-control}
}//處理input寬度佔了100%的問題
.f-form-group}
}
1. addon和control兩個字型型別不致，導致在相同字型大小的情況下，兩個容器的高度表現不一致。所以我就用了行高(line-height)來解決此問題
2. 由於control預設的寬度為100%，而加入了addon之後，會導致control的寬度溢位的現象，所以我就用了table-cell來解決此問題。
示例**只列出了checkbox的，其radio與此相同，就只改變了圖示而已：
.f-form-control}由於引入的為font-awesome字型庫，所以就控制了icon寬度，因為checkbox的選中與不選中的狀態，fa的web字型庫中對應圖示的寬度不一樣。}> .checkbox-icon> .checkbox-desc}
}
如何寫 如何寫好指令碼？
好的指令碼當然要有好的開場白 好的開題 破題 話題引入，好的敘述與分析 好的結束語。好的指令碼還應有好的輔助說明的素材，700 800字的指令碼，對應的素材數量如下 非真人出鏡者 素材數量需要翻倍，最好找到超過20個素材。寫好指令碼還應注意以幾點 一 開門見山 快速切入主題，這樣的話就更容易讓觀眾對...
如何寫好簡歷
在簡歷控修改的簡歷中，最常見的問題就是簡歷太羅嗦，這並不是說簡歷的頁數太多，或者篇幅太多，而是內容太羅嗦，從標題往下讀，五行之內都看不到重點。這樣的簡歷別說是一天收到成百上千份簡歷的hr，隨便抓乙個路人甲乙丙都沒有耐心讀下去。有的同學會問，什麼是重點？我覺得我的簡歷都是重點，刪掉哪乙個都不行。那麼嘗...
如何寫好綜述文章
一 選題和收集資料 1 選題 選題要新穎，要選擇進展較快 知識尚未普及 原始報道積累較多 意見不一致而存在爭論的新課題，一般是自己熟悉的專業課題。通常建立在客觀需要 自我優勢的基礎上來選定題名。由編輯輯部約稿 編輯部已確定選題，根據其內容邀請相關專家撰寫。此類為評述性綜述，這類綜述著重評述，通過回顧...