Shulou(Shulou.com)06/03 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.