What are the labels of the bootstrap button
This article mainly explains "what are the labels of the bootstrap button". The explanation in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn what the label of the bootstrap button is.
Bootstrap buttons can be: 1, a tag, syntax "; 2, button tag, syntax"; 3, button type input tag, syntax "".
Operating environment of this tutorial: Windows7 system, bootsrap3.3.7 version, DELL G3 computer
The bootstrap button can be: a tag, button tag, input tag of button type
First, btn class
Base button class, convert a tag, button tag, button type input tag to bootstrap base button style.
Check out the comments
The original style of a tag, button tag, button type input tag
Input tags for a tag, button tag, button type.
Add the bootstrap default button style to the above tags.
Check out the comments
A tag, button tag, and input tag of button type set the style after btn class
Btn-primary class, btn-info class, btn-success class, btn-warning class, btn-danger class, btn-inverse class
.btn. Btn-primary .btn. Btn-info .btn. Btn-warning .btn. Btn-danger
.btn .btn-* button style
Btn-large class, btn-small class, btn-mini class
Used to set the label size, it doesn't seem to work.
.btn. Btn-primary .btn. Btn-info
Use the style after using btn-large class, btn-small class, btn-mini class
IV. I label
Used inside the button label to add an icon to the button. It didn't work.
Check out the comments
Style with I tag
Button group
-btn-group class: used to contain a set of button groups.
-btn-toolbar class: used to display multiple button groups in the same row, leaving space in the middle.
Left, middle, right, left, right.
Buttons with drop-down menus
Font boldface Song style imitation of Song Dynasty
Div tag: used to contain buttons with drop-down menus and drop-down menus.
-btn-group class
A tag: a button with a drop-down menu that can contain a span tag and a button name.
-dropdown-toggle class: adds styles to the drop-down menu buttons.
-data-toggle attribute:
After setting the data-toggle= "dropdown", you can control the pop-up and folding of the drop-down menu by clicking the button.
Span tag
-caret class: add triangle drop-down flag
Ul tag: contains the contents of the drop-down menu
-dropdown-menu class
Li tag: contains list items
Buttons with drop-down menus
Font boldface Song style imitation of Song Dynasty
Extract the button name and put it in a separate a tag.
Small triangle separately controls the drop-down menu
Thank you for your reading, these are the contents of "what are the labels of the bootstrap button?" after the study of this article, I believe you have a deeper understanding of what the label of the bootstrap button has, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!
