mod/bootstrap/vendor/bootswatch/docs/litera/index.html in card-1.97.0 vs mod/bootstrap/vendor/bootswatch/docs/litera/index.html in card-1.97.0.1
- old
+ new
@@ -67,26 +67,23 @@
<a class="nav-link" href="http://blog.bootswatch.com">Blog</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="download">Litera <span class="caret"></span></a>
<div class="dropdown-menu" aria-labelledby="download">
- <a class="dropdown-item" href="https://jsfiddle.net/bootswatch/rnjfzjjo/">Open in JSFiddle</a>
+ <a class="dropdown-item" target="_blank" href="https://jsfiddle.net/bootswatch/rnjfzjjo/">Open in JSFiddle</a>
<div class="dropdown-divider"></div>
- <a class="dropdown-item" href="../4/litera/bootstrap.min.css">bootstrap.min.css</a>
- <a class="dropdown-item" href="../4/litera/bootstrap.css">bootstrap.css</a>
+ <a class="dropdown-item" href="../4/litera/bootstrap.min.css" download>bootstrap.min.css</a>
+ <a class="dropdown-item" href="../4/litera/bootstrap.css" download>bootstrap.css</a>
<div class="dropdown-divider"></div>
- <a class="dropdown-item" href="../4/litera/_variables.scss">_variables.scss</a>
- <a class="dropdown-item" href="../4/litera/_bootswatch.scss">_bootswatch.scss</a>
+ <a class="dropdown-item" href="../4/litera/_variables.scss" download>_variables.scss</a>
+ <a class="dropdown-item" href="../4/litera/_bootswatch.scss" download>_bootswatch.scss</a>
</div>
</li>
</ul>
<ul class="nav navbar-nav ml-auto">
<li class="nav-item">
- <a class="nav-link" href="http://builtwithbootstrap.com/" target="_blank">Built With Bootstrap</a>
- </li>
- <li class="nav-item">
<a class="nav-link" href="https://wrapbootstrap.com/?ref=bsw" target="_blank">WrapBootstrap</a>
</li>
</ul>
</div>
@@ -102,13 +99,11 @@
<h1>Litera</h1>
<p class="lead">The medium is the message</p>
</div>
<div class="col-lg-4 col-md-5 col-sm-6">
<div class="sponsor">
- <a href="http://www.shopify.com/?ref=bootswatch">
- <img src="../_assets/img/shopify-300x250-light@2x.jpg">
- </a>
+ <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CKYIE23N&placement=bootswatchcom" id="_carbonads_js"></script>
</div>
</div>
</div>
</div>
@@ -431,10 +426,11 @@
<div class="col-lg-4">
<div class="bs-component">
<h2>Emphasis classes</h2>
<p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
<p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+ <p class="text-secondary">Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
<p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
<p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
<p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
@@ -753,22 +749,37 @@
<input type="checkbox" class="custom-control-input" id="customCheck2" disabled>
<label class="custom-control-label" for="customCheck2">Disabled custom checkbox</label>
</div>
</div>
<div class="form-group">
+ <div class="custom-control custom-switch">
+ <input type="checkbox" class="custom-control-input" id="customSwitch1" checked>
+ <label class="custom-control-label" for="customSwitch1">Toggle this switch element</label>
+ </div>
+ <div class="custom-control custom-switch">
+ <input type="checkbox" class="custom-control-input" disabled id="customSwitch2">
+ <label class="custom-control-label" for="customSwitch2">Disabled switch element</label>
+ </div>
+ </div>
+ <div class="form-group">
<select class="custom-select">
<option selected>Open this select menu</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
<div class="form-group">
- <label class="custom-file">
- <input type="file" id="file2" class="custom-file-input">
- <span class="custom-file-control"></span>
- </label>
+ <div class="input-group mb-3">
+ <div class="custom-file">
+ <input type="file" class="custom-file-input" id="inputGroupFile02">
+ <label class="custom-file-label" for="inputGroupFile02">Choose file</label>
+ </div>
+ <div class="input-group-append">
+ <span class="input-group-text" id="">Upload</span>
+ </div>
+ </div>
</div>
</fieldset>
</div>
</div>
@@ -1034,10 +1045,36 @@
<strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
</div>
</div>
</div>
</div>
+ <div class="row">
+ <div class="col-lg-4">
+ <div class="bs-component">
+ <div class="alert alert-dismissible alert-primary">
+ <button type="button" class="close" data-dismiss="alert">×</button>
+ <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4">
+ <div class="bs-component">
+ <div class="alert alert-dismissible alert-secondary">
+ <button type="button" class="close" data-dismiss="alert">×</button>
+ <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4">
+ <div class="bs-component">
+ <div class="alert alert-dismissible alert-light">
+ <button type="button" class="close" data-dismiss="alert">×</button>
+ <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
+ </div>
+ </div>
+ </div>
+ </div>
<div>
<h2>Badges</h2>
<div class="bs-component" style="margin-bottom: 40px;">
<span class="badge badge-primary">Primary</span>
<span class="badge badge-secondary">Secondary</span>
@@ -1287,46 +1324,46 @@
</div>
<div class="col-lg-4">
<div class="bs-component">
<div class="card border-primary mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
- <div class="card-body text-primary">
+ <div class="card-body">
<h4 class="card-title">Primary card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
<div class="card border-secondary mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
- <div class="card-body text-secondary">
+ <div class="card-body">
<h4 class="card-title">Secondary card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
<div class="card border-success mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
- <div class="card-body text-success">
+ <div class="card-body">
<h4 class="card-title">Success card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
<div class="card border-danger mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
- <div class="card-body text-danger">
+ <div class="card-body">
<h4 class="card-title">Danger card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
<div class="card border-warning mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
- <div class="card-body text-warning">
+ <div class="card-body">
<h4 class="card-title">Warning card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
<div class="card border-info mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
- <div class="card-body text-info">
+ <div class="card-body">
<h4 class="card-title">Info card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
<div class="card border-light mb-3" style="max-width: 20rem;">
@@ -1336,11 +1373,11 @@
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
<div class="card border-dark mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
- <div class="card-body text-dark">
+ <div class="card-body">
<h4 class="card-title">Dark card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
@@ -1454,10 +1491,10 @@
<div class="modal-header">
<h4 class="modal-title">Source Code</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
- <pre></pre>
+ <pre contenteditable></pre>
</div>
</div>
</div>
</div>