Heim >Web-Frontend >CSS-Tutorial >BootStrap-Lernhilfsklasse und Einführung in reaktionsfähige Tools

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

青灯夜游
青灯夜游nach vorne
2018-10-13 17:46:121868Durchsuche

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

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

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

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen