BootStrap 学習補助クラスと応答性の高いツールの紹介

この記事では、BootStrap を学習するための補助グループ クラスと応答性の高いツールを紹介します。困っている友人は参考にしていただければ幸いです。ブートストラップ関連のビデオ チュートリアルをさらに学習して入手したい場合は、ブートストラップ チュートリアルにアクセスしてください。

text-* はフォントの色を示し、bg-* はフォントの背景色を示します。

閉じるボタン。close

<button>×</button>

デフォルトの位置は、親要素の右上隅です。

小さな三角形のアイコン。 Caret

<span></span>

.pull-left と .pull-right をすばやくフロートする

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

この float は実際には float では、優先順位を強化するために #! important を使用します。

ブロック中心のセンターブロック

<p>我是文字</p>

クリアフローティングクリアフィックス

<p>我是文字</p>
		

		
<p>我是文字</p>

このpはできます掃除が必要なフローティングブロックの前に置くだけです。

表示 (.show) と非表示 (.hidden)

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

実際には、表示: ブロックまたはなしを追加すると、1 つ追加されます。重要 優先順位を強化します

レスポンシブ ツール

小さな画面中画面.visible-xs-*ディスプレイ .visible-sm-*Display.visible-md- *Display.visible-lg-*表示.hiddem-xs非表示.hidden-smhidden.hidden-mdhidden表示用コンテンツには、ブロック、インラインブロック、インラインの 3 つのバリエーションがあります。

	# 超小型画面 #携帯電話 (	タブレット(≥768px)	デスクトップ(≥992px) #大画面	デスクトップ (≥1200px)
				#.hidden-lg
		Hide

追加されたスタイルには、!重要な追加の優先順位が設定されます。

要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。

以上がBootStrap 学習補助クラスと応答性の高いツールの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。