亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

全面解析Bootstrap排版使用方法(文字樣式)

2019-11-20 11:07:33
字體:
來源:轉載
供稿:網友

一、段落

  段落是排版中另一個重要元素之一。在Bootstrap中為文本設置了一個全局的文本樣式(這里所說的文本是指正文文本):

1、全局文本字號為14px(font-size)。

2、行高為1.42857143(line-height),大約是20px(大家看到一串的小數或許會有疑惑,其實他是通過LESS編譯器計算出來的,當然Sass也有這樣的功能)。

3、顏色為深灰色(#333);

二、文字樣式

  在實際項目中,對于一些重要的文本,希望突出強調的部分都會做另外的樣式處理。Bootstrap同樣對這部分做了一些輕量級的處理。

如果想讓一個段落p突出顯示,可以通過添加類名“.lead”實現,其作用就是增大文本字號,加粗文本,而且對行高和margin也做相應的處理。 

1.粗體:在Bootstrap中,可以使用<b>和<strong>標簽讓文本直接加粗。

2.斜體:在Bootstrap中,可以使用<em>或<i>來實現文本斜體。

三、強調類

.text-muted:提示,使用淺灰色(#999)
.text-primary:主要,使用藍色(#428bca)
.text-success:成功,使用淺綠色(#3c763d)
.text-info:通知信息,使用淺藍色(#31708f)
.text-warning:警告,使用黃色(#8a6d3b)
.text-danger:危險,使用褐色(#a94442)

<div class="text-muted">.text-muted 效果</div><div class="text-primary">.text-primary效果</div><div class="text-success">.text-success效果</div><div class="text-info">.text-info效果</div><div class="text-warning">.text-warning效果</div><div class="text-danger">.text-danger效果</div>

效果如下:

 四、文本對齊

  在排版中離不開文本的對齊方式。在CSS中常常使用text-align來實現文本的對齊風格的設置。其中主要有四種風格:

  ☑  左對齊,取值left

  ☑  居中對齊,取值center

  ☑  右對齊,取值right

  ☑  兩端對齊,取值justify

為了簡化操作,方便使用,Bootstrap通過定義四個類名來控制文本的對齊風格:

  ☑   .text-left:左對齊

  ☑   .text-center:居中對齊

  ☑   .text-right:右對齊

  ☑   .text-justify:兩端對齊

有了文字樣式,使得排版效果更清晰簡潔,希望大家在自己的作品中多使用一些簡單大方的文字樣式,使作品脫穎而出,更加具有吸引力。

如果大家還想深入學習,可以點擊這里進行學習,再為大家附兩個精彩的專題:Bootstrap學習教程 Bootstrap實戰教程

本文系列教程整理到:Bootstrap基礎教程 專題中,歡迎點擊學習。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美福利视频在线| 日韩精品极品视频免费观看| 欧美日韩精品中文字幕| 国产日韩中文字幕| 久久精品视频导航| 中文字幕欧美视频在线| 欧美成人自拍视频| 久久天天躁夜夜躁狠狠躁2022| 国产精品老女人精品视频| 一区二区三区国产视频| 97在线视频国产| 国产自产女人91一区在线观看| 亚洲成人免费网站| 成人高h视频在线| 国内免费久久久久久久久久久| 91精品啪在线观看麻豆免费| 亚洲国产日韩一区| 最近更新的2019中文字幕| 奇米一区二区三区四区久久| 亚洲美女激情视频| 亚洲国产天堂久久综合网| 国产精品劲爆视频| 黄色成人av网| 国产精品偷伦一区二区| 青青久久av北条麻妃海外网| 欧美日韩亚洲一区二区三区| 成人女保姆的销魂服务| 国产精品丝袜白浆摸在线| 91极品女神在线| 人人爽久久涩噜噜噜网站| 欧美一级高清免费| 欧美精品一本久久男人的天堂| 亚洲精品国产suv| 北条麻妃久久精品| 狠狠操狠狠色综合网| 热久久视久久精品18亚洲精品| 亚洲a中文字幕| 国产精品一区二区久久国产| 精品欧美国产一区二区三区| 精品亚洲一区二区三区| 美女av一区二区| 亚洲电影免费观看高清| 国内偷自视频区视频综合| 日本久久久a级免费| 97在线视频免费播放| 欧美大片va欧美在线播放| 97碰在线观看| 中日韩美女免费视频网站在线观看| 清纯唯美亚洲激情| 亚洲夜晚福利在线观看| 91免费高清视频| 欧美日韩ab片| 亚洲伦理中文字幕| 日韩av免费网站| 国产精品视频一区二区三区四| 亚洲人成网在线播放| 国产精品久久久久99| 亚洲精品动漫久久久久| 亚洲欧美资源在线| 亚洲精品99久久久久| 精品免费在线观看| 欧美亚洲视频一区二区| 在线观看日韩视频| 欧美与欧洲交xxxx免费观看| 日本伊人精品一区二区三区介绍| 欧美激情精品久久久久久黑人| 亚洲无亚洲人成网站77777| 久久琪琪电影院| 91久久精品在线| 午夜精品美女自拍福到在线| 日韩美女视频在线观看| 日韩午夜在线视频| 国产在线观看91精品一区| 色婷婷成人综合| 欧美另类69精品久久久久9999| 亚洲成色777777在线观看影院| 国产日韩欧美自拍| 日产日韩在线亚洲欧美| 成人黄色在线观看| 亚洲国产精品va在看黑人| 国产一区二区三区久久精品| 国产精品成人v| 激情成人在线视频| 亚州精品天堂中文字幕| 中文字幕久久亚洲| 成人免费网站在线观看| 最近2019中文字幕mv免费看| 国产在线日韩在线| 68精品国产免费久久久久久婷婷| 久久久久久91香蕉国产| 在线成人中文字幕| 97欧美精品一区二区三区| 欧美精品videos另类日本| 国产日韩欧美日韩| 国产精品视频色| 成人日韩在线电影| 久热精品视频在线观看一区| 性色av一区二区三区免费| 精品久久久国产精品999| 亚洲电影免费观看高清完整版在线| 亚洲欧美日韩成人| xvideos亚洲| 久久噜噜噜精品国产亚洲综合| 2019精品视频| 国产在线视频2019最新视频| 亚洲丝袜一区在线| 亚洲精品99久久久久| 亚洲精品国产福利| 日韩国产欧美区| 国产乱肥老妇国产一区二| 久久人人爽人人爽人人片av高请| 国产91亚洲精品| 亚洲专区中文字幕| 国产日韩欧美在线视频观看| 国产视频丨精品|在线观看| 91色视频在线观看| 国产精品一区久久久| 国产精品高潮呻吟视频| 色视频www在线播放国产成人| 欧美裸体男粗大视频在线观看| 精品在线欧美视频| 久久精品国产精品亚洲| 国产成人精品久久二区二区| 国产欧美日韩免费| 国产精品亚洲精品| 中文字幕在线观看日韩| 国外成人在线播放| 国产精品自拍小视频| 九九热这里只有精品免费看| 国产精品入口日韩视频大尺度| 国产视频精品久久久| 亚洲乱码一区av黑人高潮| 久久激情视频免费观看| 亚洲人精选亚洲人成在线| 久热精品视频在线免费观看| 久久综合网hezyo| 色天天综合狠狠色| 欧美午夜久久久| 久久精品免费播放| 日韩动漫免费观看电视剧高清| 亚洲日韩欧美视频| 91国语精品自产拍在线观看性色| 一区二区国产精品视频| 最新的欧美黄色| 亚洲成年网站在线观看| 亚洲白拍色综合图区| 亚洲成色999久久网站| 尤物九九久久国产精品的分类| 亚洲成成品网站| 91最新国产视频| 欧洲成人午夜免费大片| 亚洲色图13p| 隔壁老王国产在线精品| 欧美日韩亚洲视频一区| 国产视频欧美视频| 久久精品成人动漫| 欧美日韩不卡合集视频| www.午夜精品| 精品福利在线视频| 三级精品视频久久久久| 日韩在线视频观看正片免费网站| 欧美怡春院一区二区三区| 精品美女久久久久久免费| 狠狠综合久久av一区二区小说|