|
CDN加速; <link rel="stylesheet" href="https://cdn./bootstrap/3.3.7/css/bootstrap.min.css"> 引入bootstrap： <script src="https://cdn./jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn./bootstrap/3.3.7/js/bootstrap.min.js"></script> 副標(biāo)題： <h1>我是標(biāo)題1 h1. <small>我是副標(biāo)題1 h1</small></h1> 給 段落更大、更粗的文本： <p class="lead">這是一個(gè)強(qiáng)調(diào)文本的段落。</p> 文本格式： 小字;<small>本行內(nèi)容是在標(biāo)簽內(nèi)</small><br> 加粗：<strong>本行內(nèi)容是在標(biāo)簽內(nèi)</strong><br> 斜體：<em>本行內(nèi)容是在標(biāo)簽內(nèi)，并呈現(xiàn)為斜體</em><br> <p class="text-left">向左對(duì)齊文本</p> <p class="text-center">居中對(duì)齊文本</p> <p class="text-right">向右對(duì)齊文本</p> 減弱字：<p class="text-muted">本行內(nèi)容是減弱的</p> 藍(lán)色：<p class="text-primary">本行內(nèi)容帶有一個(gè) primary class</p> <p class="text-info">本行內(nèi)容帶有一個(gè) info class</p> <p class="text-warning">本行內(nèi)容帶有一個(gè) warning class</p> <p class="text-danger">本行內(nèi)容帶有一個(gè) danger class</p> 電話號(hào)碼和地址： <abbr title="Phone">P:</abbr> (123) 456-7890 <a href="mailto:#">mailto@somedomain.com</a> 列表; <h4>有序列表</h4> <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ol> <h4>無(wú)序列表</h4> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> <h4>未定義樣式列表</h4> <ul class="list-unstyled"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> <h4>內(nèi)聯(lián)列表</h4> <ul class="list-inline"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> <h4>定義列表</h4> <dl> <dt>Description 1</dt> <dd>Item 1</dd> <dt>Description 2</dt> <dd>Item 2</dd> </dl> <h4>水平的定義列表</h4> <dl class="dl-horizontal"> <dt>Description 1</dt> <dd>Item 1</dd> <dt>Description 2</dt> <dd>Item 2</dd> </dl> 列表放在同一行： <ul class="list-inline"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> 列表： Coffee <dl class="dl-horizontal"> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> 超出屏幕; <p class="text-justify">對(duì)齊文本。該段落會(huì)根據(jù)屏幕的大小對(duì)超出屏幕的文字進(jìn)行換行</p> <p class="text-nowrap">該段落不會(huì)根據(jù)屏幕的大小對(duì)超出屏幕的文字進(jìn)行換行。</p> 文本滾動(dòng); <pre class="pre-scrollable"> 內(nèi)容可滾動(dòng) Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks. Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks. </pre> |
|
|
