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

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

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

<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>

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

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

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

//默认样式
<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>