This article will introduce to you the auxiliary group classes and responsive tools for learning BootStrap. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you. If you want to learn and get more bootstrap related video tutorials, you can also visit: bootstrap tutorial!
text-* indicates the font color, bg-* indicates the background color of the font
Close button.close
<button>×</button>
The default position is the upper right corner of the parent element
The small triangle icon.caret
<span></span>
Quickly float .pull-left and .pull-right
<p>我是文字</p> <p>我是文字</p>
This float is actually float , just use !important to strengthen the priority.
Block-centered center-block
<p>我是文字</p>
Clear floating clearfix
<p>我是文字</p> <p>我是文字</p>
This p can Just put it in front of the floating block that needs to be cleaned.
Show (.show) and hide (.hidden)
<p>我是文字</p> <p>我是文字</p>
In fact, display: block or none added one! important strengthens the priority
Responsive tools
## Ultra small screen
Mobile phone ( |
Small screen
Tablet(≥768px) |
Medium screen
Desktop(≥992px) |
Large screen
Desktop (≥1200px) |
|
---|---|---|---|---|
Display | ||||
Display | ||||
Display | ||||
Show | ||||
Hide | ||||
hidden | ||||
hidden | ||||
Hide |
The above is the detailed content of BootStrap learning auxiliary class and introduction to responsive tools. For more information, please follow other related articles on the PHP Chinese website!