mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-24 14:04:09 +03:00
Code Activity

Drop .blockquote-reverse, replace with text utils, and redesign blockquote to not have a border

Browse Source
This commit is contained in:
Mark Otto
2017-06-30 14:22:11 -07:00
committed by Mark Otto
parent 4554d74221
commit 45722e94ac
3 changed files with 10 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/4.0/content/typography.md
+10 -3
View File
@@ -202,12 +202,19 @@ Add a `<footer class="blockquote-footer">` for identifying the source. Wrap the
</blockquote>
{% endexample %}
### Reverse layout
### Alignment
Add `.blockquote-reverse` for a blockquote with right-aligned content.
Use text utilities as needed to change the alignment of your blockquote.
{% example html %}
<blockquote class="blockquote blockquote-reverse">
<blockquote class="blockquote text-center">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>
{% endexample %}
{% example html %}
<blockquote class="blockquote text-right">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>