What is the default font size of bootstrap

The default font size of bootstrap is "14px"; Bootstrap is an open source framework based on HTML, CSS, and JavaScript, used to quickly build responsive web pages based on PC and mobile devices, and the default line height is "20px", and the line height of the p element is "10px".

The operating environment of this tutorial: Windows 10 system, bootstrap version 5, DELL G3 computer

What is the default font size of bootstrap

Bootstrap’s global default font size is 14px

Bootstrap is an open source framework based on HTML CSS JavaScript, used to quickly build responsive web pages based on PC and mobile devices

bootstrap page layout

1. The default font size in Bootstrap is 14px, (Nativeapp font default is 17) line height is 20px, e388a4556c0f65e1904146cc1a846bee The element is 1/2 line high (10px) and the color is #333

2. Title: h1~h6 (36px, 30px, 24px, 18px, 14px, 12px)

3.h tag The d015d241ae6d34c34210679b5204fe85 tag can be nested under, usually used as a subtitle. Under h1~h3: the size of the small element only accounts for 65% of the parent element (23.4px, 19.5px, 15.6px). Under h4~h6: the size of the small element only accounts for 65% of the parent element. Occupying 75% of the parent element (13.5px, 10.5px, 9px), the color of the small tag is light gray: #777, the line height is 1, and the thickness is 400.

4. Inline text element

Add mark:f920514e6447cf1d171079d1371f007f//e388a4556c0f65e1904146cc1a846beeHello, listeners, this is f920514e6447cf1d171079d1371f007fChina People’s Broadcasting and Television Stationee15d5864733761b2441a93ca4c07fdb94b3e26ee717c64999d7867364b1b4a3

Delete Text:823db3943044a0a9a620ada8d4b1d965//823db3943044a0a9a620ada8d4b1d965I sold out before you camef6236f917cb4ada62f5c34ba44124864

Useless text:2e44d2d3284d23d932e1fd85f3d4cf3a//2e44d2d3284d23d932e1fd85f3d4cf3aI have the same length as delete but I Really useless6cf51b1709551acbf4a696702deda05f

Insert text:426be984ffbbb815d7d88e3543a85d91//426be984ffbbb815d7d88e3543a85d91I am an Insert text27009e947c4a250442478f8c8f213901

Emphasis text: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. List layout

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

Related recommendations: bootstrap tutorial

The above is the detailed content of What is the default font size of bootstrap. For more information, please follow other related articles on the PHP Chinese website!