第五篇Bootstrap 排版
使用bootstrap的排版特性可以創(chuàng)建標題,段落,列表及其它內(nèi)聯(lián)元素。
標題:bootstrap中定義了從h1-h6的六種標題樣式。
內(nèi)聯(lián)子標題:
如果需要向任意一個標題添加一個子標題,只需要加上<small></small>例如:
<h1>我是標題1 h1. <small>我是副標題1 h1</small></h1>
<h2>我是標題2 h2. <small>我是副標題2 h2</small></h2>
<h3>我是標題3 h3. <small>我是副標題3 h3</small></h3>
<h4>我是標題4 h4. <small>我是副標題4 h4</small></h4>
<h5>我是標題5 h5. <small>我是副標題5 h5</small></h5>
<h6>我是標題6 h6. <small>我是副標題6 h6</small></h6>
顯示效果如下所示:
HTML 的默認強調(diào)標簽 <small>(設置文本為父文本大小的 85%)、<strong>(設置文本為更粗的文本)、<em>(設置文本為斜體)。
<small>本行內(nèi)容是在標簽內(nèi)</small><br> <strong>本行內(nèi)容是在標簽內(nèi)</strong><br> <em>本行內(nèi)容是在標簽內(nèi),并呈現(xiàn)為斜體</em><br> <p class="text-left">向左對齊文本</p> <p class="text-center">居中對齊文本</p> <p class="text-right">向右對齊文本</p> <p class="text-muted">本行內(nèi)容是減弱的</p> <p class="text-primary">本行內(nèi)容帶有一個 primary class</p> <p class="text-success">本行內(nèi)容帶有一個 success class</p> <p class="text-info">本行內(nèi)容帶有一個 info class</p> <p class="text-warning">本行內(nèi)容帶有一個 warning class</p> <p class="text-danger">本行內(nèi)容帶有一個 danger class</p>
效果如下:

以上所述是小編給大家介紹的第五篇Bootstrap 排版的全部敘述,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關文章
js學習總結(jié)_基于數(shù)據(jù)類型檢測的四種方式(必看)
下面小編就為大家?guī)硪黄猨s學習總結(jié)_基于數(shù)據(jù)類型檢測的四種方式(必看)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
基于JavaScript操作DOM常用的API小結(jié)
DOM(Document Object Model)即文檔對象模型,針對 HTML 和 XML 文檔的 API(應用程序接口)。本篇文章給大家介紹javascript操作dom常用的api小結(jié),對javascript dom api相關知識感興趣的朋友一起學習吧2015-12-12
javascript實現(xiàn)俄羅斯方塊游戲的思路和方法
至于俄羅斯方塊的話,有很多的難點,如果有JS去寫的話,要考慮到碰撞啊,邊界啊,下落等問題,本文這些問題大部分都有考慮到,這里給大家提供一部分思路,拋磚引玉,有需要的小伙伴可以參考下。2015-04-04
webpack學習教程之前端性能優(yōu)化總結(jié)
webpack是近期最火的一款模塊加載器兼打包工具,它能把各種資源,例如JS(含JSX)、coffee、樣式(含less/sass)、圖片等都作為模塊來使用和處理。這篇文章主要給大家總結(jié)介紹了關于webpack學習教程之前端性能優(yōu)化的相關資料,需要的朋友可以參考下。2017-12-12
Extjs 中的 Treepanel 實現(xiàn)菜單級聯(lián)選中效果及實例代碼
這篇文章主要介紹了Extjs 中 Treepanel 實現(xiàn)菜單級聯(lián)選中效果,需要的朋友可以參考下2017-08-08

