BootStrap learning auxiliary class and introduction to responsive tools

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

.visible-xs-*Display.visible-sm-*Display.visible-md- *Display.visible-lg-*Show.hiddem-xsHide.hidden-smhidden.hidden-mdhidden.hidden-lgHide

	## Ultra small screen Mobile phone (	Small screen Tablet(≥768px)	Medium screen Desktop(≥992px)	Large screen Desktop (≥1200px)

For display There are three variations of content: block, inline-block, and inline.

The added styles have the priority of !important added.

Summary: The above is the entire content of this article, I hope it will be helpful to everyone's study.

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!