Cours auxiliaire d'apprentissage BootStrap et introduction aux outils réactifs

Cet article vous présentera les cours collectifs auxiliaires et les outils réactifs pour apprendre BootStrap. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile. Si vous souhaitez apprendre et obtenir plus de didacticiels vidéo sur le bootstrap, vous pouvez également visiter : tutoriel bootstrap !

text-* représente la couleur de la police, bg-* représente la couleur d'arrière-plan de la police

Fermer le bouton.close

<button>×</button>

La position par défaut est le coin supérieur droit de l'élément parent

petite icône triangulaire .caret

<span></span>

Flottez rapidement .pull-left et .pull-right

<p>我是文字</p>
<p>我是文字</p>

Ce flotteur est en fait float, mais en utilisant !important pour renforcer la priorité.

bloc central

<p>我是文字</p>

clear float clearfix

<p>我是文字</p>
		

		
<p>我是文字</p>

Ce p peut être placé devant le bloc flottant qui doit être nettoyé.

Afficher (.show) et masquer (.hidden)

<p>我是文字</p>
		
<p>我是文字</p>

En fait, afficher : bloquer ou aucun n'est ajouté ! important renforce la priorité

Outils réactifs

Masquer

	超小屏幕 手机（	小屏幕 平板(≥768px)	中等屏幕 桌面(≥992px)	大屏幕 桌面(≥1200px)
.visible-xs-*	显示
.visible-sm-*		显示
.visible-md-*			显示
.visible-lg-*				显示
.hiddem-xs	隐藏
.hidden-sm		隐藏
.hidden-md			隐藏
.hidden-lg				隐藏

Super petit écran

Téléphone portable (

Petit écran

Tablette (≥768px) e >

Écran moyenBureau (≥992px)

Grand écranBureau (≥1200px)

.visible-xs-*

Affichage

.visible-sm-*

Affichage

.visible-md-*

Affichage

.visible-lg-*

Afficher

.hiddem-xs

Masquer

.hidden-sm

.hidden-md

td>

Masquer

.hidden-lg

Masquer

Pour le contenu affiché, il existe trois variantes : block, inline-block, inline . Les styles ajoutés ont la priorité de !important ajouté. Résumé : Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!