1. 程式人生 > >bootstrap表單class使用記錄

bootstrap表單class使用記錄

control 顯示 trap 網格 net lin -i 由於 持續更新

由於總是忘記表單的類的作用,故邊用邊記錄下來,持續更新

form-control 添加在<input>中,為表單控件增加樣式 control-label 添加在<label>中,文本右對齊 form-group 控制整個表單中的元素獲取最佳間距,表單本身也會跟其他元素隔開一定間距 form-inline 通常添加在<form>中,表示內聯表單,也可以添加在其他塊元素中。所有表單元素都在一行顯示(充足的寬度的情況下), 並且”.form-inline .form-group”展示為內聯塊元素(inline-block),個人了解為相當於看做一個表單控件 form-horizontal
將label和input表單元素顯示在一行 該類聯合”form-group”使用,就相當於網格系統中的”row”。

參考: https://www.jb51.net/article/92098.htm

bootstrap表單class使用記錄