Bootstrap study notes (3)--Forms and forms

Bootstrap Form Table class:. table will only add horizontal lines between table rows;   . table-striped will increase or decrease the zebra crossing between the table rows;   The. Table-hover will set the mouse hover state for the table;   The. Table-border will add a border for all tables; . table-condensed make tables more compact;   Tr,td,th class. Active lets a row of cells or rows be active;   . Success represents a successful style;   . Warning indicates the style of the warning;   . Danger represents a dangerous style; . info represents the style of the information;

Form class:

 basic steps for creating a form(1) First add role= "form" to the form element; (2) Put the label and the control in a <div> with class. Form-group, which is necessary to obtain the best spacing lock; (3) Add class to all text elements <intput><textarea> and <select>. Form-control; several form formats;  Vertical Form-a normal form created with the above style;Horizontal form-adds class to the form. form-horizontal; Inline form-adds class. Form-inline to the form, for tag elements you can use the. Sr-only to hide the label Element (label) supported form controls:Input,textarea,checkbox,radio,select (can increase multiple to achieve multi-select) Here is a special note to implement inline check boxes or radio buttons using the Checkbox-line property. If you want to place plain text, then you can use the <p> element. form-control-static Form control state: You can set has-warning,has-error,has-success on the div to display the state of the internal controls.  You can set the. input-large or. input-sm to display the size of the control, or use col-lg-* to display the number of columns the control occupies. You can use. Class-bloc to display an explanation of a piece of content.

Bootstrap study notes (3)--Forms and forms