Bootstrap 排版引用

HTML 中的

标签,用于标记一段引用的内容,其目的是把它跟其它内容区分开来。

标签内部,建议使用

标签进行分段,用 标签标记引用的来源,用 标签标记引用的标题或人名。如:

 
  
  1.  

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ...

  2.   Someone famous title="Source Title">Source Title

Bootstrap会缩进引用的文本,并在左侧添加一条粗边框。效果如图 3‑12所示:

Bootstrap blockquote样式图3-12 Bootstrap blockquote样式

元素添加 .pull-right 类,会让引用的内容右对齐,不光是文本会右对齐,整个引用块都会浮动到右边。如:

 
  
  1. class="pull-right">
  2.  

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ...

  3.   Someone famous title="Source Title">Source Title

效果如图 3‑13所示:

Bootstrap blockquote右对齐图3-13 Bootstrap blockquote右对齐

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

你可能感兴趣的:(Bootstrap,教程)