Bootstrap/js/tests/visual/alert.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">
    <title>Alert</title>
  </head>
  <body>
    <div class="container">
      <h1>Alert <small>Bootstrap Visual Test</small></h1>

      <div class="alert alert-warning alert-dismissible fade show" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <strong>Holy guacamole!</strong> You should check in on some of those fields below.
      </div>

      <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
          <span aria-hidden="true">&times;</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-danger alert-dismissible fade show" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
          <span aria-hidden="true">&times;</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 class="alert alert-warning alert-dismissible fade show" role="alert" style="transition-duration: 5s;">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        This alert will take 5 seconds to fade out.
      </div>
    </div>

    <script src="../../dist/dom/event-handler.js"></script>
    <script src="../../dist/dom/selector-engine.js"></script>
    <script src="../../dist/dom/data.js"></script>
    <script src="../../dist/alert.js"></script>
  </body>
</html>
Switch to lowercase `doctype`. (#24217) Having it uppercase doesn't offer anything and the lowercase version slightly improves gzip compression. 2017-10-03 18:34:59 +02:00			`<!doctype html>`
Tighten htmllint's rules. (#24471) 2017-10-22 14:02:24 +02:00			`<html lang="en">`
Update visual tests. 2016-11-12 16:12:58 +01:00			`<head>`
			`<meta charset="utf-8">`
Remove the now unneeded `shrink-to-fit` directive. (#28314) 2019-02-27 16:47:41 +01:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`
Move `href` attribute first (#31835) 2020-10-22 08:38:15 +02:00			`<link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">`
Update visual tests. 2016-11-12 16:12:58 +01:00			`<title>Alert</title>`
			`</head>`
			`<body>`
			`<div class="container">`
			`<h1>Alert <small>Bootstrap Visual Test</small></h1>`
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it faster and easier to test/develop js functionality not represented in unit tests, and gives us a playground for interactions, etc. It also makes it so developing javascript is now decoupled form jekyll, which should make everything faster and less painful. This commit also reverts my filter commit https://github.com/twbs/bootstrap/commit/9900771aa7f1b3ddcee49aec84082104776ace70 which broke scrollspy for dropdowns. 2014-06-08 04:11:44 +02:00
Rename `.active` to `.show` 2016-10-28 00:13:17 +02:00			`<div class="alert alert-warning alert-dismissible fade show" role="alert">`
Update visual tests. 2016-11-12 16:12:58 +01: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>`
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it faster and easier to test/develop js functionality not represented in unit tests, and gives us a playground for interactions, etc. It also makes it so developing javascript is now decoupled form jekyll, which should make everything faster and less painful. This commit also reverts my filter commit https://github.com/twbs/bootstrap/commit/9900771aa7f1b3ddcee49aec84082104776ace70 which broke scrollspy for dropdowns. 2014-06-08 04:11:44 +02:00
Rename `.active` to `.show` 2016-10-28 00:13:17 +02:00			`<div class="alert alert-danger alert-dismissible fade show" role="alert">`
Update visual tests. 2016-11-12 16:12:58 +01: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>`
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it faster and easier to test/develop js functionality not represented in unit tests, and gives us a playground for interactions, etc. It also makes it so developing javascript is now decoupled form jekyll, which should make everything faster and less painful. This commit also reverts my filter commit https://github.com/twbs/bootstrap/commit/9900771aa7f1b3ddcee49aec84082104776ace70 which broke scrollspy for dropdowns. 2014-06-08 04:11:44 +02:00
Rename `.active` to `.show` 2016-10-28 00:13:17 +02:00			`<div class="alert alert-danger alert-dismissible fade show" role="alert">`
Update visual tests. 2016-11-12 16:12:58 +01: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>`
Variable transition durations (#25662) 2018-03-13 09:59:20 +01:00
			`<div class="alert alert-warning alert-dismissible fade show" role="alert" style="transition-duration: 5s;">`
			`<button type="button" class="close" data-dismiss="alert" aria-label="Close">`
			`<span aria-hidden="true">×</span>`
			`</button>`
			`This alert will take 5 seconds to fade out.`
			`</div>`
Update visual tests. 2016-11-12 16:12:58 +01:00			`</div>`
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it faster and easier to test/develop js functionality not represented in unit tests, and gives us a playground for interactions, etc. It also makes it so developing javascript is now decoupled form jekyll, which should make everything faster and less painful. This commit also reverts my filter commit https://github.com/twbs/bootstrap/commit/9900771aa7f1b3ddcee49aec84082104776ace70 which broke scrollspy for dropdowns. 2014-06-08 04:11:44 +02:00
Rename `eventHandler` and `selectorEngine` files. 2019-05-08 15:11:24 +02:00			`<script src="../../dist/dom/event-handler.js"></script>`
			`<script src="../../dist/dom/selector-engine.js"></script>`
alert without jquery 2017-08-21 09:11:37 +02:00			`<script src="../../dist/dom/data.js"></script>`
Update visual tests. 2016-11-12 16:12:58 +01:00			`<script src="../../dist/alert.js"></script>`
			`</body>`
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it faster and easier to test/develop js functionality not represented in unit tests, and gives us a playground for interactions, etc. It also makes it so developing javascript is now decoupled form jekyll, which should make everything faster and less painful. This commit also reverts my filter commit https://github.com/twbs/bootstrap/commit/9900771aa7f1b3ddcee49aec84082104776ace70 which broke scrollspy for dropdowns. 2014-06-08 04:11:44 +02:00			`</html>`