From b297a61f82e567a5dccb99d1a01d46c5d8329e95 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 4 Feb 2012 22:31:09 -0800 Subject: [PATCH] #1732: make examples of alerts in docs components page dismissable --- docs/assets/bootstrap.zip | Bin 52410 -> 52410 bytes docs/components.html | 14 +++++++------- docs/templates/pages/components.mustache | 14 +++++++------- 3 files changed, 14 insertions(+), 14 deletions(-) diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip index 3656b6fd3c110a114d6da5046c971145c577502b..d4b01e1ad936f8f898e58c7d0b619ce7d70f362b 100644 GIT binary patch delta 444 zcmdlrlX=%nW}X0VW)?065V*d1B99`QsFI$)xYA_B0#OdQaDXbC7))5238-#{Em%NI zY2)ov96*7|%Q+pPBAefF2C{>M90iSFLY0CQ1|Xr&j%F|+eW#=Q_%n0U^+Q8A z8JOW#gY1}WSKthGjF{5q_JT?QkPuU&ElkL@u^KFNXrc<(NU)Q^`Zy;UKt(p&PkODu zbYt^moy{g};y@1ojY`|RR|I5~>Ir=&QKiWjPm9C7IXU~3%;bqD#F@lE;<6xBCr@}I z@k~$pBk`7=bU@;Z{38-#{Em%NF zVdL#n96*7|%Q+pPBAefF2C{>M90iSFLY0CQ1|Xr&j%F|+eW#=Q_%n0U^+Q8A z8JOW#gY1}WSKthGjFQ6U_JT?QkPuU&ElkL@v08xX+@{HgCaSP0BfD)f=OhELCCUn$ z?I*of04dVhYywrZIc@V^5s*=;C-j*V6((OiEe`kQExample alerts

Wrap your message and an optional close icon in a div with simple class.

- × + × Warning! Best check yo self, you're not looking too good.
 <div class="alert">
-  <a class="close">×</a>
+  <a class="close data-dismiss="alert"gt;×</a>
   <strong>Warning!</strong> Best check yo self, you're not looking too good.
 </div>
 

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.

- × + ×

Warning!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

 <div class="alert alert-block">
-  <a class="close">×</a>
+  <a class="close" data-dismiss="alert">×</a>
   <h4 class="alert-heading">Warning!</h4>
   Best check yo self, you're not...
 </div>
@@ -1324,7 +1324,7 @@
     

Error or danger

- × + × Oh snap! Change a few things up and try submitting again.
@@ -1336,7 +1336,7 @@
     

Success

- × + × Well done! You successfully read this important alert message.
@@ -1348,7 +1348,7 @@
     

Information

- × + × Heads up! This alert needs your attention, but it's not super important.
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 1f726c35a2..466a8a2e5e 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -1218,24 +1218,24 @@
       

{{_i}}Example alerts{{/i}}

{{_i}}Wrap your message and an optional close icon in a div with simple class.{{/i}}

- × + × {{_i}}Warning!{{/i}} {{_i}}Best check yo self, you're not looking too good.{{/i}}
 <div class="alert">
-  <a class="close">×</a>
+  <a class="close data-dismiss="alert"gt;×</a>
   <strong>{{_i}}Warning!{{/i}}</strong> {{_i}}Best check yo self, you're not looking too good.{{/i}}
 </div>
 

{{_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}}

- × + ×

{{_i}}Warning!{{/i}}

{{_i}}Best check yo self, you're not looking too good.{{/i}} Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

 <div class="alert alert-block">
-  <a class="close">×</a>
+  <a class="close" data-dismiss="alert">×</a>
   <h4 class="alert-heading">{{_i}}Warning!{{/i}}</h4>
   {{_i}}Best check yo self, you're not...{{/i}}
 </div>
@@ -1248,7 +1248,7 @@
     

{{_i}}Error or danger{{/i}}

- × + × {{_i}}Oh snap!{{/i}} {{_i}}Change a few things up and try submitting again.{{/i}}
@@ -1260,7 +1260,7 @@
     

{{_i}}Success{{/i}}

- × + × {{_i}}Well done!{{/i}} {{_i}}You successfully read this important alert message.{{/i}}
@@ -1272,7 +1272,7 @@
     

{{_i}}Information{{/i}}

- × + × {{_i}}Heads up!{{/i}} {{_i}}This alert needs your attention, but it's not super important.{{/i}}