What are the common style classes in BootStrap
Editor to share with you what are the commonly used styles in BootStrap, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!
Common style classes in BootStrap
Grid option
Row: OK
Col--: column (the first can be xs [ultra-small] / sm [small] / md [medium] / lg [large]; the second must be [number of columns] less than 12)
Col--offset-: column offset (the first ditto, the second range is 1x11, which means that the left outer margin (margin-left) of the column is increased)
Sort col---: columns (the first is the same as above, the second can be push [right] / pull [left], and the third range is 1 column 11 [number of columns])
Typesetting
Small: inline subtitle
Lead: boot principal copy
Text-: text style (can be left [left alignment] / center [Center alignment] / right [right alignment] / muted [weakening text]
/ primary/success/info/warning/danger
/ justify [automatic line wrapping] / nowrap [no line wrapping]
/ lowercase [lowercase] / uppercase [uppercase] / capitalize [initials uppercase]
)
List-inline: list on the same line
Form
Table: basic style, only horizontal split lines
Table-: table style (* you can add stripes for triped / bordered [add borders] / hover [enable hover] / condensed [more compact])
Tr/th/td: active/success/info/warning/danger changes the background color
Table-responsive: put any table in table-responsive to implement a responsive table
Form
To create a basic form (vertical form)
Add role= "form" to the parent element
Put the labels and controls in a class. Form-group, which is necessary to get the best spacing
The above is all the content of the article "what are the commonly used style classes in BootStrap". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!
