在你的文檔中引用其他來源的內容。
### [](https://v3.bootcss.com/css/#默認樣式的引用)默認樣式的引用
將任何 HTML 元素包裹在 `<blockquote>` 中即可表現為引用樣式。對于直接引用,我們建議用 `<p>` 標簽。
> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
~~~html
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>
~~~
### [](https://v3.bootcss.com/css/#多種引用樣式)多種引用樣式
對于標準樣式的 `<blockquote>`,可以通過幾個簡單的變體就能改變風格和內容。
#### [](https://v3.bootcss.com/css/#命名來源)命名來源
添加 `<footer>` 用于標明引用來源。來源的名稱可以包裹進 `<cite>`標簽中。
> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
>
> Someone famous in Source Title
~~~html
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>
~~~
#### [](https://v3.bootcss.com/css/#另一種展示風格)另一種展示風格
通過賦予 `.blockquote-reverse` 類可以讓引用呈現內容右對齊的效果。
> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
>
> Someone famous in Source Title
~~~html
<blockquote class="blockquote-reverse">
...
</blockquote>
~~~
- 概覽
- 移動設備優先
- 排版與鏈接
- 布局容器
- 柵格系統
- 簡介
- 媒體查詢
- 柵格參數
- 實例:從堆疊到水平排列
- 實例:流式布局容器
- 實例:移動設備和桌面屏幕
- 實例:手機、平板、桌面
- 實例:多余的列(column)將另起一行排列
- 響應式列重置
- 列偏移
- 嵌套列
- 列排序
- Less mixin 和變量
- 排版
- 標題
- 頁面主體
- 內聯文本元素
- 對齊
- 改變大小寫
- 縮略語
- 地址
- 引用
- 列表
- 代碼
- 表格
- 基本表格
- 狀態類
- 響應式表格
- 表單
- 基本表單
- 內聯表單
- 水平排列的表單
- 被支持的控件
- 多選和單選框
- 下拉列表
- 靜態控件
- 焦點、禁用、只讀、校驗狀態
- 添加額外的圖標
- 控件尺寸
- 按鈕
- 圖片
- 響應式圖片
- 圖片形狀
- 輔助類
- 關閉按鈕和三角符號
- 快速浮動
- 讓內容塊居中
- 清除浮動
- 顯示或隱藏內容
- 屏幕閱讀器和鍵盤導航
- 圖片替換