diff options
| author | Bardi Harborow <[email protected]> | 2016-11-13 02:12:58 +1100 |
|---|---|---|
| committer | Bardi Harborow <[email protected]> | 2016-11-13 02:34:18 +1100 |
| commit | b9e7cef9653ea803262915a1ed64722d355f99cc (patch) | |
| tree | 973694ba40492e3f341d6a10b7000f907b998803 /js/tests/visual/alert.html | |
| parent | 93ba9ac629a29bb8709989ba4be8a26b0b6d87d5 (diff) | |
| download | bootstrap-b9e7cef9653ea803262915a1ed64722d355f99cc.tar.xz bootstrap-b9e7cef9653ea803262915a1ed64722d355f99cc.zip | |
Update visual tests.
Diffstat (limited to 'js/tests/visual/alert.html')
| -rw-r--r-- | js/tests/visual/alert.html | 77 |
1 files changed, 45 insertions, 32 deletions
diff --git a/js/tests/visual/alert.html b/js/tests/visual/alert.html index 1b60dae23..4b003efd8 100644 --- a/js/tests/visual/alert.html +++ b/js/tests/visual/alert.html @@ -1,39 +1,52 @@ <!DOCTYPE html> <html> -<head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>Alert</title> - <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> -</head> -<body> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <meta http-equiv="x-ua-compatible" content="ie=edge"> + <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> -<div class="container"> + <div class="alert alert-warning alert-dismissible fade active" role="alert"> + <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> - <h1>Alert <small>Bootstrap Visual Test</small></h1> + <div class="alert alert-danger alert-dismissible fade active" role="alert"> + <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> - <div class="alert alert-warning fade active"> - <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> - <strong>Holy guacamole!</strong> Best check yo self, you're not looking too good. - </div> + <div class="alert alert-danger alert-dismissible fade active" role="alert"> + <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> - <div class="alert alert-danger fade active"> - <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> - <h4>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> - <button type="button" class="btn btn-danger">Take this action</button> - <button type="button" class="btn btn-default">Or do this</button> - </p> - </div> - -</div> - -<!-- JavaScript Includes --> -<script src="../vendor/jquery.min.js"></script> -<script src="../../dist/util.js"></script> -<script src="../../dist/alert.js"></script> - -</body> + <script src="../vendor/jquery.min.js"></script> + <script src="../../dist/util.js"></script> + <script src="../../dist/alert.js"></script> + </body> </html> |