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,

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

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