diff options
| author | Mark Otto <[email protected]> | 2017-06-30 14:22:11 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-06-30 15:04:56 -0700 |
| commit | 45722e94acdffc314d7f835ed8a73cd0d56d879a (patch) | |
| tree | b3e737c620028a8ac60b7e95fba71251a119fc2e /docs | |
| parent | 4554d7422119e929e971eaa53835c786cc11ec0e (diff) | |
| download | bootstrap-45722e94acdffc314d7f835ed8a73cd0d56d879a.tar.xz bootstrap-45722e94acdffc314d7f835ed8a73cd0d56d879a.zip | |
Drop .blockquote-reverse, replace with text utils, and redesign blockquote to not have a border
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/4.0/content/typography.md | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/docs/4.0/content/typography.md b/docs/4.0/content/typography.md index 338c413ae..9ae27f0c4 100644 --- a/docs/4.0/content/typography.md +++ b/docs/4.0/content/typography.md @@ -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> |