Bootstrap Text/Typography

Ref :  http://codepen.io/discoveryvip/pen/rrzEgE?editors=1010


<blockquote class="blockquote">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
  <footer class="blockquote-footer">Larry Smith <cite title="source title">Whatever the source is</cite></footer>
</blockquote>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante</p>


Ref :  http://www.w3schools.com/bootstrap/bootstrap_typography.asp

<blockquote>

Bootstrap will style the HTML <blockquote> element in the following way:

div class="container">

  <h1>Blockquotes</h1>

  <p>The blockquote element is used to present content from another source:</p>

  <blockquote>

    <p>For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.</p>

    <footer>From WWF's website</footer>

  </blockquote>

</div>

效果請看下面的圖