[Bootstrap] global style (3): bootstrap global style

[Bootstrap] global style (3): bootstrap global style

Table

1. Basic class. table {width/margin-bottom/} {padding/border-top}

2. striped table. table-striped {nth-of-type (odd): background-color}

3. border table. table-border {border}

4. hover the mouse over. table-hover {background-color}

5. compress the table. table-condesed

6. Status class. active. success. warning. danger. info

7. Response table. table-responsive

 

Form

1. Use the label and control in combination to get the best arrangement in. from-group {margin-bottom}

2. <input>, <select>, and <textarea> Add class. form-control {width/padding/border-radius/border}

3. inline form. form-inline

4. horizontal arrangement. form-horizontal + grid class +. control-label

5. input box input: text is almost the style that comes with the browser

6. text field input: textarea comes with style in almost the browser

7. Single-choice and multiple-choice div +. radio/. radio-inline/. checkkbox/. checkbox-inline + attribute disabled/. disabled

8. inline single-choice and multiple-choice. radio-inline/. checkbox-inline

9. The drop-down list shows almost the style that comes with the browser.

10. Static control. form-control-staitic + p

11. disable the disable attribute {cursor/background-color}

12. disable all controls contained in the <filedset> disable attribute

13. readonly attribute {background-color}

14. Check the status. has-success. has-warning. has-error

15. Check status + icon. has-feedback + feedback icon

16. horizontal arrangement/inline + verification + icon. form-horizontal/. form-inline + verification class +. has-feedback + feedback icon

17. Control size. input-lg {height/padding/border-radius/font-size}

18. horizontal layout widget size. form-group-lg/. form-group-sm

19. Column size grid class. row +. col-**-* Size Control