Bootstrap来写个好看的文本内容

Typography

Quote-center

      <figure class="text-center">
        <blockquote class="blockquote">
          <p>A well-known quote, contained in a blockquote element.</p>
        </blockquote>
        <figcaption class="blockquote-footer">
          Someone famous in
           <cite title="Source Title">Source Title</cite>
        </figcaption>
      </figure>

Quote-right

• 把classes：text-center改成text-end就可以了

<figure class="text-end">
        <blockquote class="blockquote">
          <p>A well-known quote, contained in a blockquote element.</p>
        </blockquote>
        <figcaption class="blockquote-footer">
          Someone famous in 
          <cite title="Source Title">Source Title</cite>
        </figcaption>
      </figure>

Quote-left & footer-end

• 利用figure标签的特性将文本对齐

• 在figure标签上设置classes：figure

• 在figcaption标签上设置classes：figure-cation text-end

      <figure class="figure text-start">
        <blockquote class="blockquote">
          <p>A well-known quote, contained in a blockquote element.</p>
        </blockquote>
        <figcaption class="figure-cation blockquote-footer text-end">
          Someone famous in 
          <cite title="Source Title">Source Title</cite>
        </figcaption>
      </figure>