What classes are there in bootstrap?

What classes are there in bootstrap

Commonly used style classes in BootStrap

Grid options

row: row

col--: column (the first one can be xs[extra small]/sm[small]/md [Medium]/lg[Large]; the second must be [number of columns] within 12)

col--offset-: Column offset (the first is the same as above, the second range is 1~ 11, means adding a column to the left margin (margin-left) of the column)

col---: column sorting (the first one is the same as above, the second one can be push[right]/pull[ to the left], the third range is 1~11 [number of columns])

Typesetting

small: Inline subtitle

lead: Boot body copy

text-: Text style (can be left[left-aligned]/center[center-aligned]/right[right-aligned]/muted[weakened text]

/primary/success /info/warning/danger

/justify[automatic line wrapping]/nowrap[no line wrapping]

/lowercase[lowercase]/uppercase[uppercase]/capitalize[capitalize the first letter]

)

list-inline: The list is placed on the same line

Table

table: Basic style, only horizontal dividing lines

table-: table style (*can be triped[add stripes]/bordered[add borders]/hover[enable hover]/condensed[more compact])

tr/th/td: by active/success/info/warning/danger to change the background color

table-responsive: Place any table inside table-responsive to implement a responsive table

Form

Steps to create a basic form (vertical form)

Add role="form" to the parent element;

Put the label and control in a class with class .form- group, this is necessary to obtain the best spacing;

Related recommendations: "bootstrap tutorial"

The above is the detailed content of What classes are there in bootstrap?. For more information, please follow other related articles on the PHP Chinese website!