diff --git a/src/pivotal-ui/components/alerts.scss b/src/pivotal-ui/components/alerts.scss index ad82970c4..e79a608ca 100644 --- a/src/pivotal-ui/components/alerts.scss +++ b/src/pivotal-ui/components/alerts.scss @@ -122,6 +122,33 @@ By adding `.alert-dismissable` and a button, you can also make alerts dismissabl ``` + +If a full-width dissmissable alert is desired, but the content needs to be aligned with +other content inside a container on the page (of a width 500px for this example), you might consider doing the following: + +```html_example + +
+
+
+ +
+
+ +
+
+ 3 new files available for Pivotal CF. + Mark all as viewed. +
+
+
+
+
+ +``` + */ .alert {