Bootstrap Study Notes 6

Form elements to achieve the user to interact with the WEB server function, is one of the important elements of dynamic WEB technology. The form to receive the user's information, and information is submitted to the server, and then by the application server information processing, the processing result is returned to the user and display it to the user. Bootstrap offers some modifications to this important HTML tags. The label and<input>, <textarea>, <select>These controls package can get best arrangement in.Form-group. Sometimes, we want to form horizontal arrangement. Then you can add.Form-horizontal to the form, and uses the Bootstrap grid class preset can be label and control group level side-by-side layout. This will change the behavior of.Form-group, so that its performance for the grid system in the line (row), so there's no need to use.Row again. Bootstrap also provides change form input frame size style class through the.Input-lg and class can set the height control, through.Col-lg-*, class can set the width of the control. An element in our Webpage button is also very common, in bootstrap through btn-default, btn-primary, btn-success, btn-info, btn-warning, btn-danger, btn-link (modified class), you can create a button, but in the use of button also need to add BTN (base). The size of the button can be modified by.Btn-lg,.Btn-sm,.Btn-xs. There is a suggestion in the use of the button, as far as possible the use of<button>Element to ensure consistency style cross browser.

Posted by Todd at December 12, 2013 - 6:32 PM