ブートストラップのデフォルトのフォントサイズは何ですか

ブートストラップのデフォルトのフォント サイズは「14px」です。ブートストラップは、HTML、CSS、および JavaScript に基づくオープン ソース フレームワークであり、PC およびモバイル デバイスに基づいて応答性の高い Web ページを迅速に構築するために使用されます。高さは「20px」、p要素の行の高さは「10px」です。

このチュートリアルの動作環境: Windows 10 システム、ブートストラップ バージョン 5、DELL G3 コンピューター

ブートストラップのデフォルトのフォント サイズは何ですか

Bootstrap のグローバルなデフォルトのフォント サイズは 14px

Bootstrap は、HTML CSS JavaScript に基づくオープン ソース フレームワークであり、PC およびモバイル デバイスに基づいて応答性の高い Web ページを迅速に構築するために使用されます。

ブートストラップ ページ レイアウト

1. ブートストラップのデフォルトのフォント サイズは 14 ピクセル、(ネイティブ アプリのフォントのデフォルトは 17) 行の高さは 20 ピクセル、 e388a4556c0f65e1904146cc1a846bee 要素の高さは 1/2 行 (10px)、色は #333

2. タイトル: h1~h6 (36px, 30px, 24px, 18px, 14px, 12px)

3.h タグ d015d241ae6d34c34210679b5204fe85 タグはネストでき、通常はサブタイトルとして使用されます h1~h3 の下: small 要素のサイズは親要素の 65% のみを占めます (23.4px、19.5px) h4~h6 の場合: 小さい要素のサイズは親要素の 65% のみを占め、親要素 (13.5px、10.5px、9px) の 75% を占め、小さいタグの色はライトグレー: #777、行の高さは 1、太さは 400.

4. インライン テキスト要素

マークの追加:f920514e6447cf1d171079d1371f007f//e388a4556c0f65e1904146cc1a846beeこんにちは。リスナーの皆さん、こちらは f920514e6447cf1d171079d1371f007f中国人民放送テレビ局ですee15d5864733761b2441a93ca4c07fdb94b3e26ee717c64999d7867364b1b4a3

テキストを削除:823db3943044a0a9a620ada8d4b1d965//823db3943044a0a9a620ada8d4b1d965あなたが来る前に完売しました787686447aae879eb68cfbaf6627476a

役に立たないテキスト:2e44d2d3284d23d932e1fd85f3d4cf3a//2e44d2d3284d23d932e1fd85f3d4cf3a削除と同じ長さですが、本当に役に立ちません6cf51b1709551acbf4a696702deda05f

挿入テキスト:426be984ffbbb815d7d88e3543a85d91/ /426be984ffbbb815d7d88e3543a85d91私は挿入テキストです27009e947c4a250442478f8c8f213901

強調テキスト:d015d241ae6d34c34210679b5204fe85、< ;strong>、907fae80ddef53131f3292ee4f81644b

//<small>我是标准字号的85%</small>
//<strong>我是加粗的:700</strong>
//<em>我用的很多,因为我是歪的</em>

5.Alignment

<p class=’text-left’>我居左对齐</p>
<p class=’text-center’>我居中对齐</p>
<p class=’text-right’>我居右对齐</p>
<p class=’text-justify’>我两端对齐,但是我支持度不高</p>
<p class=’text-nowrap’>我不换行</p>

6.Case

<p class=’text-lowercase’>小写</p>
<p class=’text-uppercase’>大写</p>
<p class=’text-capitalize’>首字母大写</p>

7.Address text

//地址文本对原本的css样式做的复写,去掉了倾斜,设置了行高
<address>
<strong>132132集团</strong>
<p>电话:<small>(0232)1231321313</small><p>
</address>

8.Quote Text

//左边有一个5px的边框线条
<blockquote>看看我左边</blockquote>
<blockquote class=’blockquote-reverse’>又在右边了</blockquote>
<blockquote class=’pull-right’>同上</blockquote>

9.リストのレイアウト

//默认样式
<ul>
<li>测试</li>
<li>测试</li>
<li>测试</li>
</ul>
 
//移除默认样式
<ul class=’list-unstyled’>
<li>测试</li>
<li>测试</li>
<li>测试</li>
</ul>
 
//设置成内联
<ul class=’list-inline’>
<li>测试</li>
<li>测试</li>
<li>测试</li>
</ul>

関連する推奨事項: ブートストラップ チュートリアル

以上がブートストラップのデフォルトのフォントサイズは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。