2014-06-07 22:11:44 -04:00
<!DOCTYPE html>
< html >
2016-11-12 10:12:58 -05:00
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
< link rel = "stylesheet" href = "../../../dist/css/bootstrap.min.css" >
< title > Alert< / title >
< / head >
< body >
< div class = "container" >
< h1 > Alert < small > Bootstrap Visual Test< / small > < / h1 >
2014-06-07 22:11:44 -04:00
2016-10-27 18:13:17 -04:00
< div class = "alert alert-warning alert-dismissible fade show" role = "alert" >
2016-11-12 10:12:58 -05:00
< button type = "button" class = "close" data-dismiss = "alert" aria-label = "Close" >
< span aria-hidden = "true" > × < / span >
< / button >
< strong > Holy guacamole!< / strong > You should check in on some of those fields below.
< / div >
2014-06-07 22:11:44 -04:00
2016-10-27 18:13:17 -04:00
< div class = "alert alert-danger alert-dismissible fade show" role = "alert" >
2016-11-12 10:12:58 -05:00
< button type = "button" class = "close" data-dismiss = "alert" aria-label = "Close" >
< span aria-hidden = "true" > × < / span >
< / button >
< p >
< strong > Oh snap!< / strong > < a href = "#" class = "alert-link" > Change a few things up< / a > and try submitting again.
< / p >
< p >
< button type = "button" class = "btn btn-danger" > Danger< / button >
< button type = "button" class = "btn btn-secondary" > Secondary< / button >
< / p >
< / div >
2014-06-07 22:11:44 -04:00
2016-10-27 18:13:17 -04:00
< div class = "alert alert-danger alert-dismissible fade show" role = "alert" >
2016-11-12 10:12:58 -05:00
< button type = "button" class = "close" data-dismiss = "alert" aria-label = "Close" >
< span aria-hidden = "true" > × < / span >
< / button >
< p >
< strong > Oh snap!< / strong > < a href = "#" class = "alert-link" > Change a few things up< / a > and try submitting 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 >
< button type = "button" class = "btn btn-danger" > Take this action< / button >
< button type = "button" class = "btn btn-primary" > Or do this< / button >
< / p >
< / div >
< / div >
2014-06-07 22:11:44 -04:00
2016-12-31 00:54:13 -05:00
< script src = "../../../docs/assets/js/vendor/jquery-slim.min.js" > < / script >
2016-11-12 10:12:58 -05:00
< script src = "../../dist/util.js" > < / script >
< script src = "../../dist/alert.js" > < / script >
< / body >
2014-06-07 22:11:44 -04:00
< / html >