diff options
| author | Mark Otto <[email protected]> | 2017-05-28 22:50:57 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-05-29 23:32:28 -0700 |
| commit | 3e76d6565603fafa2c85ad81d7b6345c4e279c72 (patch) | |
| tree | fad0aa6a4a70cafb4a803bd920d6ae2fa44dc466 /docs/examples/album | |
| parent | 32153eb7cba316b873e82cd7b9362c92ca00eddf (diff) | |
| download | bootstrap-3e76d6565603fafa2c85ad81d7b6345c4e279c72.tar.xz bootstrap-3e76d6565603fafa2c85ad81d7b6345c4e279c72.zip | |
Rearrange all the docs to allow for a docs/major.minor/ setup
Diffstat (limited to 'docs/examples/album')
| -rw-r--r-- | docs/examples/album/album.css | 58 | ||||
| -rw-r--r-- | docs/examples/album/index.html | 132 |
2 files changed, 0 insertions, 190 deletions
diff --git a/docs/examples/album/album.css b/docs/examples/album/album.css deleted file mode 100644 index 1d052298d..000000000 --- a/docs/examples/album/album.css +++ /dev/null @@ -1,58 +0,0 @@ -body { - min-height: 75rem; /* Can be removed; just added for demo purposes */ -} - -.navbar { - margin-bottom: 0; -} - -.jumbotron { - padding-top: 6rem; - padding-bottom: 6rem; - margin-bottom: 0; - background-color: #fff; -} - -.jumbotron p:last-child { - margin-bottom: 0; -} - -.jumbotron-heading { - font-weight: 300; -} - -.jumbotron .container { - max-width: 40rem; -} - -.album { - min-height: 50rem; /* Can be removed; just added for demo purposes */ - padding-top: 3rem; - padding-bottom: 3rem; - background-color: #f7f7f7; -} - -.card { - float: left; - width: 33.333%; - padding: .75rem; - margin-bottom: 2rem; - border: 0; -} - -.card > img { - margin-bottom: .75rem; -} - -.card-text { - font-size: 85%; -} - -footer { - padding-top: 3rem; - padding-bottom: 3rem; -} - -footer p { - margin-bottom: .25rem; -} diff --git a/docs/examples/album/index.html b/docs/examples/album/index.html deleted file mode 100644 index c19c455f3..000000000 --- a/docs/examples/album/index.html +++ /dev/null @@ -1,132 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> - <meta name="description" content=""> - <meta name="author" content=""> - <link rel="icon" href="../../favicon.ico"> - - <title>Album example for Bootstrap</title> - - <!-- Bootstrap core CSS --> - <link href="../../dist/css/bootstrap.min.css" rel="stylesheet"> - - <!-- Custom styles for this template --> - <link href="album.css" rel="stylesheet"> - </head> - - <body> - - <div class="collapse bg-inverse" id="navbarHeader"> - <div class="container"> - <div class="row"> - <div class="col-sm-8 py-4"> - <h4 class="text-white">About</h4> - <p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p> - </div> - <div class="col-sm-4 py-4"> - <h4 class="text-white">Contact</h4> - <ul class="list-unstyled"> - <li><a href="#" class="text-white">Follow on Twitter</a></li> - <li><a href="#" class="text-white">Like on Facebook</a></li> - <li><a href="#" class="text-white">Email me</a></li> - </ul> - </div> - </div> - </div> - </div> - <div class="navbar navbar-inverse bg-inverse"> - <div class="container d-flex justify-content-between"> - <a href="#" class="navbar-brand">Album</a> - <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation"> - <span class="navbar-toggler-icon"></span> - </button> - </div> - </div> - - <section class="jumbotron text-center"> - <div class="container"> - <h1 class="jumbotron-heading">Album example</h1> - <p class="lead text-muted">Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don't simply skip over it entirely.</p> - <p> - <a href="#" class="btn btn-primary">Main call to action</a> - <a href="#" class="btn btn-secondary">Secondary action</a> - </p> - </div> - </section> - - <div class="album text-muted"> - <div class="container"> - - <div class="row"> - <div class="card"> - <img data-src="holder.js/100px280/thumb" alt="Card image cap"> - <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> - </div> - <div class="card"> - <img data-src="holder.js/100px280/thumb" alt="Card image cap"> - <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> - </div> - <div class="card"> - <img data-src="holder.js/100px280/thumb" alt="Card image cap"> - <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> - </div> - - <div class="card"> - <img data-src="holder.js/100px280/thumb" alt="Card image cap"> - <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> - </div> - <div class="card"> - <img data-src="holder.js/100px280/thumb" alt="Card image cap"> - <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> - </div> - <div class="card"> - <img data-src="holder.js/100px280/thumb" alt="Card image cap"> - <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> - </div> - - <div class="card"> - <img data-src="holder.js/100px280/thumb" alt="Card image cap"> - <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> - </div> - <div class="card"> - <img data-src="holder.js/100px280/thumb" alt="Card image cap"> - <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> - </div> - <div class="card"> - <img data-src="holder.js/100px280/thumb" alt="Card image cap"> - <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> - </div> - </div> - - </div> - </div> - - <footer class="text-muted"> - <div class="container"> - <p class="float-right"> - <a href="#">Back to top</a> - </p> - <p>Album example is © Bootstrap, but please download and customize it for yourself!</p> - <p>New to Bootstrap? <a href="../../">Visit the homepage</a> or read our <a href="../../getting-started/">getting started guide</a>.</p> - </div> - </footer> - - <!-- Bootstrap core JavaScript - ================================================== --> - <!-- Placed at the end of the document so the pages load faster --> - <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> - <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> - <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.9.9/umd/popper.min.js" integrity="sha256-c477vRLKQv1jt9o7w6TTBzFyFznTaZjoMLTDFi7Hlxc=" crossorigin="anonymous"></script> - <script src="../../assets/js/vendor/holder.min.js"></script> - <script> - $(function () { - Holder.addTheme("thumb", { background: "#55595c", foreground: "#eceeef", text: "Thumbnail" }); - }); - </script> - <script src="../../dist/js/bootstrap.min.js"></script> - <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> - <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> - </body> -</html> |