BootStrap-Lernhilfsklasse und Einführung in reaktionsfähige Tools-CSS-Tutorial-php.cn

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

青灯夜游

Freigeben： 2018-10-13 17:48:41

nach vorne

1863 Leute haben es durchsucht

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>

Nach dem Login kopieren

Die Standardposition ist die obere rechte Ecke des übergeordneten Elements

kleines Dreieckssymbol.caret

<span></span>

Nach dem Login kopieren

Schnell schweben .pull-left und .pull-right

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

Nach dem Login kopieren

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

Blockzentrierter Mittelblock

<p>我是文字</p>

Nach dem Login kopieren

Clear Floating Clearfix

<p>我是文字</p>
		

		
<p>我是文字</p>

Nach dem Login kopieren

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

Anzeigen (.show) und ausblenden (.hidden)

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

Nach dem Login kopieren

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-*

.visible-sm-*

.visible-md-*

.visible-lg-*

Anzeigen

.hiddem-xs

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!