bootstrap3 エッセイ_html/css_WEB-ITnose

bootstrap3 エッセイ

[TOC]

レイアウトコンテナ

ブートストラップはページコンテンツとグリッドシステムを .container コンテナでラップする必要があります

!!! 注意「警告!」
パディングなどの属性により、これら 2 つのコンテナは相互にネストすることはできません

.container クラスは固定幅のコンテナに使用され、レスポンシブ レイアウトをサポートします

.container-fluid クラスは幅 100% のコンテナに使用され、ビューポート全体を占有します

グリッド パラメータ

追加小画面d6c034c2fb968a82bea170c1fbcc9c0f768px .col-sm-

中画面>992px .col-md-

大画面>1200px .col-lg-

植字

タイトル

4a249f0d628e2318394fd9b75b4636b1~4e9ee319e0fa4abc21ff286eeb145ecc が使用でき、.h1 から .h6 までのクラスが提供されます

!!! サブタイトルを使用する場合は、d015d241ae6d34c34210679b5204fe85 を含めることができます。 .small クラスを使用します

インライン テキスト要素

823db3943044a0a9a620ada8d4b1d965、2e44d2d3284d23d932e1fd85f3d4cf3a 取り消し線テキスト

426be984ffbbb815d7d88e3543a85d91、88f336217b3880082bb52d49b5de60a5下線テキスト

小さい番号のテキスト

d015d241ae6d34c34210679b5204fe85 タグ内のテキストは、親コンテナのフォント サイズの 85% に設定されます。

!!! 'ヒント' に注意してください

title 要素内のネストされた ba0b08041f991ebb9e074230dc65599fラップされた要素のフォント ウェイト値が増加します

斜体

907fae80ddef53131f3292ee4f81644b タグを使用して折り返す

align

text-left 左揃え

text-center 中央揃え

text-right 右揃え

text-justify 両端揃え

text-nowrap テキストは改行ではありません

基本的な略語

8a7974376be5f6c00c121222b727adb9

略語が最初の文字の場合、それを強調表示するために、.initialism クラスを追加してフォントサイズを少し小さくすることができます

引用

b8a712a75cab9a5aded02f74998372b4 引用コンテンツを追加できます

	<blockquote>	  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>	  <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>	</blockquote>

!!! 「別の表示スタイル」に注意してください

.blockquote-reverse クラスを割り当てることで、引用にコンテンツの右揃えの効果を表示できます。

List

ff6d136ddc5fdfeffaf53ff6ee95f185、c34106e0b4e09414b63b2ea253ff83d6 順序付きリストと順序なしリストを生成します

list-unstyled unstyled list

list-inline インラインリスト (つまり、行に並んでいます)

説明

5c69336ffbc20d23018e48b396cdd57a 説明フレーズ付きリスト

dl-horizo​​ntal では、dc38eb8ad6360a7548b6b2f6e1f7ba68

e03b848252eb9375d56be284e690e873 コードブロック

b7f90f73cad438258bf67e62f79b2113 変数