前の記事では、bootstrap3研究ノートのグリッドシステムを紹介しました(1)
タイトルの場合、BootstrapはH1-H6のスタイルを変更しました。サブタイトルが必要な場合は、小さなタグを使用することもできます。
<H1> H1。ブートストラップ見出し<small>セカンダリテキスト</small> </h1> <h2> h2。ブートストラップ見出し<small>セカンダリテキスト</small> </h2> <h3> h3。ブートストラップ見出し<small>セカンダリテキスト</small> </h3> <h4> h4。ブートストラップ見出し<small>セカンダリテキスト</small> </h4> <h5> H5。ブートストラップ見出し<small>セカンダリテキスト</small> </h5> <h6>
ページに一意である必要があるH1がある場合は、「ページヘッダー」としてスタイルのDivに含めることができます。
<div> <h1> Twitter Bootstrap <small>直感的なフロントエンドフレームワーク</small> </h1> </div>
ブートストラップのデフォルトフォントサイズは14px、ラインの高さは1.428、段落間隔は10pxです。段落がもっと人目を引く必要がある場合、「リード」クラスがあります
テキスト - *クラスを使用すると、テキストの水平方向のアライメントを簡単に設定できます
<p>左アライメントテキスト。</p> <p>中心アライメントテキスト。</p> <p>右アライメントテキスト。</p> <p>正当なテキスト。</p> <p>ラップテキストなし。
HTMLのテキスト形式のタグは、ブートストラップで使用できます
<p> <b>これは大胆なテキストです</b> </p> <p> <big>テキスト</mark> </p> <p> <small>これは小さなテキストです</small> </p> <p> <strong>これは強く強調されています</strong> </p> <p>ドキュメント</del> </p>
文字形式の変換クラスは、必要な変換を適切に実行できます。
<p>クイックブラウンフォックスが怠zyな犬を飛び越えます。</p> <p>クイックブラウンフォックスが怠zyな犬を飛び越えます。
色はコンテンツの重要性を伝える強力な方法であり、ブートストラップは便利なセットテキスト強調クラスを提供します。
<p> Muted:このテキストはグレーアウトされています。</p> <p>重要:続行する前に指示を慎重に読んでください。</p> <p>成功:メッセージは正常に送信されました。</p> <p>注:サインアッププロセスを完了するための条件と条件に同意する必要があります。
引用も変更されています。
<BlockQuote> <p>世界は住むのに危険な場所です。邪悪な人のせいではなく、それについて何もしない人のためです。
クラスは、参照を右に並べるためです。
上記は、編集者が紹介したBootstrap3研究ノート(ii)のレイアウトに関する関連する知識です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!