diff --git a/docs/components.html b/docs/components.html index 624af075f4..1ff759f2e0 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1665,7 +1665,7 @@ -
@@ -1697,7 +1697,7 @@ <strong>Warning!</strong> Best check yo self, you're not looking too good. </div> -

Heads up! iOS devices require an href="#" for the dismissal of alerts. Be sure to include it and the data attribute for anchor close icons. Alternatively, you may use a button element with the data attribute, which we have opted to do for our docs.

+

Heads up! iOS devices require an href="#" for the dismissal of alerts. Be sure to include it and the data attribute for anchor close icons. Alternatively, you may use a <button> element with the data attribute, which we have opted to do for our docs. When using <button>, you must include type="button" or risk unintentional form submissions.

Easily extend the standard alert message with two optional classes: .alert-block for more padding and text controls and .alert-heading for a matching heading.

diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache index 45c244cef3..fd6748fe03 100644 --- a/docs/templates/pages/components.mustache +++ b/docs/templates/pages/components.mustache @@ -1588,7 +1588,7 @@ -
@@ -1620,7 +1620,7 @@ <strong>{{_i}}Warning!{{/i}}</strong> {{_i}}Best check yo self, you're not looking too good.{{/i}} </div> -

{{_i}}Heads up!{{/i}} {{_i}}iOS devices require an href="#" for the dismissal of alerts. Be sure to include it and the data attribute for anchor close icons. Alternatively, you may use a button element with the data attribute, which we have opted to do for our docs.{{/i}}

+

{{_i}}Heads up!{{/i}} {{_i}}iOS devices require an href="#" for the dismissal of alerts. Be sure to include it and the data attribute for anchor close icons. Alternatively, you may use a <button> element with the data attribute, which we have opted to do for our docs. When using <button>, you must include type="button" or risk unintentional form submissions.{{/i}}

{{_i}}Easily extend the standard alert message with two optional classes: .alert-block for more padding and text controls and .alert-heading for a matching heading.{{/i}}