BootStrap-Lernhilfsklasse und Einführung in reaktionsfähige Tools

In diesem Artikel werden Ihnen die Hilfsgruppenklassen und reaktionsfähigen Tools zum Erlernen von BootStrap vorgestellt. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie weitere Video-Tutorials zum Thema Bootstrap lernen und erhalten möchten, können Sie auch Folgendes besuchen: Bootstrap-Tutorial!

text-* stellt die Schriftfarbe dar, bg-* stellt die Hintergrundfarbe der Schriftart dar

Close button.close

<button>×</button>

Die Standardposition ist die obere rechte Ecke des übergeordneten Elements

kleines Dreieckssymbol.caret

<span></span>

Schnell schweben .pull-left und .pull-right

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

Dieser Float ist eigentlich float , verwenden Sie einfach !important , um die Priorität zu stärken.

Blockzentrierter Mittelblock

<p>我是文字</p>

Clear Floating Clearfix

<p>我是文字</p>
		

		
<p>我是文字</p>

Dieser P kann Stellen Sie es einfach vor den Schwimmblock, der gereinigt werden soll.

Anzeigen (.show) und ausblenden (.hidden)

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

In der Tat, Anzeige: Block oder keines hinzugefügt! wichtig stärkt die Priorität

Responsive tools

Verstecken

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

Super kleiner Bildschirm

Mobiltelefon (

Kleiner Bildschirm

Tablet (≥768px) th >

Mittlerer BildschirmDesktop (≥992px)

Großer BildschirmDesktop (≥1200px)

.visible-xs-*

Anzeige

.visible-sm-*

Anzeige

.visible-md-*

Anzeige

.visible-lg-*

Anzeigen

.hiddem-xs

Ausblenden

Ausblenden

Verstecken

td>

.hidden-sm

.hidden-md

td>

Verstecken

.hidden-lg

Hide

Für den angezeigten Inhalt gibt es drei Varianten: Block, Inline-Block, Inline . Die hinzugefügten Stile haben die Priorität !important hinzugefügt. Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonBootStrap-Lernhilfsklasse und Einführung in reaktionsfähige Tools. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!