首頁 > web前端 > 前端問答 > bootstrap預設字體大小是多少

bootstrap預設字體大小是多少

WBOY
發布: 2022-08-22 16:34:51
原創
3008 人瀏覽過

bootstrap預設字體大小是「14px」;Bootstrap是一個基於HTML、CSS、JavaScript的開源框架,用於快速建立基於PC端和行動裝置的響應式web頁面,並且預設的行高為“20px”,p元素行高為“10px”。

bootstrap預設字體大小是多少

本教學操作環境:Windows10系統、bootstrap5版、DELL G3電腦

bootstrap預設字型大小是多少

bootstrap的全域預設字體大小為14px

Bootstrap是一個基於HTML CSSJavaScript的開源框架,用於快速建立基於PC端和行動裝置的響應式web頁面

bootstrap頁面排版

1.Bootstrap中預設的字體大小為14px,(Nativeapp字體預設為17)行高為20px,

元素為1/2行高(10px)顏色為#333

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

3.h標籤下可以嵌套標籤,通常作為副標題使用,h1~h3下:small元素的大小只佔父元素的65%(23.4px,19.5px,15.6px),h4~h6下:small元素只佔父元素的75%(13.5px,10.5px,9px),small標籤的顏色是淺灰色:#777,行高為1,粗度為400.

4.內嵌文字元素

新增標記://

聽眾朋友大家好,這裡是中央人民廣播電視台

刪除文字://我都賣完了你才來

無用文字://我跟刪除長一樣但是我真無用

插入文字://我是插入文字

強調文字:,

強調文字:,< ;strong>,

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

5.對齊

<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.大小寫

<p class=’text-lowercase’>小写</p>
<p class=’text-uppercase’>大写</p>
<p class=’text-capitalize’>首字母大写</p>
登入後複製

7.地址文字

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

8.引用文字

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

9.列表排版

相關推薦:bootstrap教程#######

以上是bootstrap預設字體大小是多少的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板