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

ブートストラップのデフォルトのフォント サイズは「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 ピクセル、

要素の高さは 1/2 行 (10px)、色は #333

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

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

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

マークの追加://

こんにちは。リスナーの皆さん、こちらは 中国人民放送テレビ局です

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

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

挿入テキスト:/ /私は挿入テキストです

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

//<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 サイトの他の関連記事を参照してください。