An overview of role= "form" and role _javascript skills in Bootstrap

1, in the English-Chinese Turing Computer large dictionary:

Role

N. Role (Task);

2, in the bootstrap frame, role= "form";

Form form properties, similar to auxiliary tools, converting role use;

role= "form" defines form form elements to be used by the form function role;

3, the following have other cases:

Eg1:<div role= "button" ></div>, convert div element to button function;
eg2:<div role= "Navigation" ></div To convert div elements into navigation navigation function,
eg3:<div role= "checkbox" aria-checked= "checked" ></DIV> Convert div elements to checkbox checkbox function using;
eg4:<a role= "button" class= "btn Btn-default" href= "#" > Link </a>, Convert a LINK element to button buttons for use.

The significance of col-xs-*,col-sm-*,col-md-* in CSS of ps:bootstrap fence system

Absrtact: The meaning of col-xs-*,col-sm-*,col-md-* in CSS of bootstrap fence system:. col-xs-* Ultra Small Screen cell phone (768px),. col-sm-* small screen Flat (≥768px),. col-md-* Medium Screen Desktop display

First Note:

1, col-column;

2, Xs-maxsmall, Super Small, sm-small, small, md-medium, medium;

3,-* represents the column, that is, the automatic 12-row grid system ratio;

4, col-xs-* Super small screen mobile phone (<768px),

. col-sm-* Small screen Flat (≥768px),

. col-md-* Medium-screen desktop display (≥992px) (grid parameters).

5, no matter what kind of screen, the grid system will be automatically divided into 12 columns col-xs-* and col-sm-* and col-md-* followed by the parameters of the current screen Div occupies the number of columns. For example <div class= "Col-xs-6 col-md-3" > This div occupies the screen position:. col-xs-6 occupies 6 columns in the mini screen, which is half of the screen (6/12), and. Col-md-3 occupies 3 columns in a single screen, which is 1. 4 (3/12).

6, reverse push, if we want to display 3 div (12/3 = 4 columns) side-by-side on a small screen, then col-xs-4, and then display 6 div (12/6 = 2 columns) on a large screen, then col-md-2, so we can control what typography we want.