Some of the auxiliary classes that may come in handy in Bootstrap. TextThe following different classes show different text colors. If the text is a link the mouse moves to the text that is dimmed:
class
Description
. text-muted
Text styles for the "text-muted" class
. text-primary
Text style
Bootstrap class Parsing
Element
Bootstrap class
Definition
Container
Content container
Table
Table
Table-striped
Table with striped background
BTN
Button
BTN-success
Success button
Glyphicon
Font chart
Bootstrap class path not set in conjunction-Source 1.6
The bootstrap class path is not set with-source 1.6
Set red to 1.7
The bootstrap class path is not set with-source 1.6
Bootstrap tool Class1. Close button
A symbolic closed icon can be used to disappear the mode dialog box and warning box.
times;
2. Carets
Use the insert operator to indicate the function and direction of the drop-down. Note that the default insert operator is automatically reversed in the dropup menu.
3. Fast floating setting
These two classes let the page elements float left and right. ! Important is used to avoid some problems. You can also use th
The Modal box class of Bootstrap provides some events for listening and executing your own code.Event Type descriptionThe event is triggered immediately after the Show.bs.modal Show method call. If you click on an element that is a trigger, this element can be accessed through the Relatedtarget property of the event.Shown.bs.modal This event is triggered after the modal box has been displayed (and at the sa
Grid SystemBasic class col-xs-, col-sm-, col-md-, COL-LGOffset column col-xs-offset-Column sort col-md-push-col-md-pull-
TypesettingHighlight LeadSmall text SmallLeft-aligned Text-leftCenter Align Text-centerRight Align Text-rightElement floats to the left Pull-leftElement floats to the right pull-rightClear Floating ClearfixOut of the screen part of the text automatically wrapped Text-justifyOut of screen
Base class
. code to display single-line inline code. Pre to display multi-line block code. kbd to display user input code. pre-scrollable height exceeds 340px, scroll bar appears on Y axis
Form class
. table base table margin-bottom:20px, light gray solid line at thead bottom 2px, light gray solid line at the top of each cell. table-striped: Zebra table, interlaced with a light gray background color. ta
Class description. The Pull-left element floats to the left. The Pull-right element floats to the right. Center-block the set element is Display:block and centered. Clearfix clear float. Show enforces element display. Hidde N forces the element to be hidden. Sr-only hides elements on other devices except screen readers. Sr-only-focusable is used in conjunction with the. Sr-only class to
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.