mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-13 17:14:04 +02:00
Code Issues Releases Wiki Activity

Use .alert-heading instead of hardcoding <h4>

Browse Source
This commit is contained in:
Chris Rebert
2014-12-15 17:49:35 -08:00
parent 9f09a23aea
commit d0c2a82ea8
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/javascript/alerts.md
View File

@@ -22,7 +22,7 @@ When using a `.close` button, it must be the first child of the `.alert-dismissi
{% example html %} {% example html %}
<div class="alert alert-danger alert-dismissible fade in" role="alert"> <div class="alert alert-danger alert-dismissible fade in" role="alert">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4>Oh snap! You got an error!</h4> <h4 class="alert-heading">Oh snap! You got an error!</h4>
<p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p> <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
<p> <p>
<button type="button" class="btn btn-danger">Take this action</button> <button type="button" class="btn btn-danger">Take this action</button>

4
scss/_alert.scss
View File

@@ -13,9 +13,9 @@
@include border-radius($alert-border-radius); @include border-radius($alert-border-radius);
// Headings for larger alerts // Headings for larger alerts
h4 { .alert-heading {
margin-top: 0; margin-top: 0;
// Specified for the h4 to prevent conflicts of changing $headings-color // Specified to prevent conflicts of changing $headings-color
color: inherit; color: inherit;
} }
// Provide class for links that match alerts // Provide class for links that match alerts