Skip to content

Commit

Permalink
Add alert divider (<hr>) example in docs (#21673)
Browse files Browse the repository at this point in the history
* Add alert divider (<hr />)example in docs

* <hr/> => <hr> per @vsn4ik suggestion
  • Loading branch information
pvdlg authored and mdo committed Jan 16, 2017
1 parent d7af463 commit 1d0f527
Showing 1 changed file with 2 additions and 1 deletion.
3 changes: 2 additions & 1 deletion docs/components/alerts.md
Original file line number Diff line number Diff line change
Expand Up @@ -55,12 +55,13 @@ Use the `.alert-link` utility class to quickly provide matching colored links wi

### Additional content

Alerts can also contain additional HTML elements like headings and paragraphs.
Alerts can also contain additional HTML elements like headings, paragraphs and dividers.

{% example html %}
<div class="alert alert-success" role="alert">
<h4 class="alert-heading">Well done!</h4>
<p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
<hr>
<p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
</div>
{% endexample %}
Expand Down

0 comments on commit 1d0f527

Please sign in to comment.