diff options
Diffstat (limited to 'vendor/twbs/bootstrap/site/content/docs/4.6/examples')
44 files changed, 3338 insertions, 0 deletions
diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/.stylelintrc b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/.stylelintrc new file mode 100644 index 000000000..dc76dedbd --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/.stylelintrc @@ -0,0 +1,15 @@ +{ + "extends": [ + "stylelint-config-twbs-bootstrap/css" + ], + "rules": { + "at-rule-no-vendor-prefix": null, + "comment-empty-line-before": null, + "media-feature-name-no-vendor-prefix": null, + "property-blacklist": null, + "property-no-vendor-prefix": null, + "selector-no-qualifying-type": null, + "selector-no-vendor-prefix": null, + "value-no-vendor-prefix": null + } +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/_index.md b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/_index.md new file mode 100644 index 000000000..62a7a2a8f --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/_index.md @@ -0,0 +1,31 @@ +--- +layout: single +title: Examples +description: Quickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts. +aliases: "/examples/" +--- + +{{< list-examples.inline >}} +{{ range $entry := $.Site.Data.examples -}} + <h2>{{ $entry.category }}</h2> + <p>{{ $entry.description }}</p> + + {{ range $i, $example := $entry.examples -}} + {{- $len := len $entry.examples -}} + {{ if (eq $i 0) }}<div class="row">{{ end }} + <div class="col-sm-6 col-md-4 col-xl-3 mb-3"> + <a href="/docs/{{ $.Site.Params.docs_version }}/examples/{{ $example.name | urlize }}/"> + <img class="img-thumbnail mb-3" srcset="/docs/{{ $.Site.Params.docs_version }}/assets/img/examples/{{ $example.name | urlize }}.png, + /docs/{{ $.Site.Params.docs_version }}/assets/img/examples/{{ $example.name | urlize }}@2x.png 2x" + src="/docs/{{ $.Site.Params.docs_version }}/assets/img/examples/{{ $example.name | urlize }}.png" + alt="" + width="480" height="300" + loading="lazy"> + <h3 class="h5 mb-1">{{ $example.name }}</h3> + </a> + <p class="text-muted">{{ $example.description }}</p> + </div> + {{ if (eq (add $i 1) $len) }}</div>{{ end }} + {{ end -}} +{{ end -}} +{{< /list-examples.inline >}} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/album/album.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/album/album.css new file mode 100644 index 000000000..bc81349c5 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/album/album.css @@ -0,0 +1,33 @@ +.jumbotron { + padding-top: 3rem; + padding-bottom: 3rem; + margin-bottom: 0; + background-color: #fff; +} +@media (min-width: 768px) { + .jumbotron { + padding-top: 6rem; + padding-bottom: 6rem; + } +} + +.jumbotron p:last-child { + margin-bottom: 0; +} + +.jumbotron h1 { + font-weight: 300; +} + +.jumbotron .container { + max-width: 40rem; +} + +footer { + padding-top: 3rem; + padding-bottom: 3rem; +} + +footer p { + margin-bottom: .25rem; +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/album/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/album/index.html new file mode 100644 index 000000000..0ea52a795 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/album/index.html @@ -0,0 +1,208 @@ +--- +layout: examples +title: Album example +extra_css: + - "album.css" +--- + +<header> + <div class="collapse bg-dark" id="navbarHeader"> + <div class="container"> + <div class="row"> + <div class="col-sm-8 col-md-7 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 offset-md-1 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-dark bg-dark shadow-sm"> + <div class="container d-flex justify-content-between"> + <a href="#" class="navbar-brand d-flex align-items-center"> + <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg> + <strong>Album</strong> + </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> +</header> + +<main role="main"> + + <section class="jumbotron text-center"> + <div class="container"> + <h1>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 my-2">Main call to action</a> + <a href="#" class="btn btn-secondary my-2">Secondary action</a> + </p> + </div> + </section> + + <div class="album py-5 bg-light"> + <div class="container"> + + <div class="row"> + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" >}} + <div class="card-body"> + <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 class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" >}} + <div class="card-body"> + <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 class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" >}} + <div class="card-body"> + <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 class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" >}} + <div class="card-body"> + <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 class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" >}} + <div class="card-body"> + <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 class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" >}} + <div class="card-body"> + <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 class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" >}} + <div class="card-body"> + <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 class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" >}} + <div class="card-body"> + <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 class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" >}} + <div class="card-body"> + <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 class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + +</main> + +<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="{{< docsref "/getting-started/introduction" >}}">getting started guide</a>.</p> + </div> +</footer> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/blog/blog.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/blog/blog.css new file mode 100644 index 000000000..dbe4183d0 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/blog/blog.css @@ -0,0 +1,106 @@ +/* stylelint-disable selector-list-comma-newline-after */ + +.blog-header { + line-height: 1; + border-bottom: 1px solid #e5e5e5; +} + +.blog-header-logo { + font-family: "Playfair Display", Georgia, "Times New Roman", serif; + font-size: 2.25rem; +} + +.blog-header-logo:hover { + text-decoration: none; +} + +h1, h2, h3, h4, h5, h6 { + font-family: "Playfair Display", Georgia, "Times New Roman", serif; +} + +.display-4 { + font-size: 2.5rem; +} +@media (min-width: 768px) { + .display-4 { + font-size: 3rem; + } +} + +.nav-scroller { + position: relative; + z-index: 2; + height: 2.75rem; + overflow-y: hidden; +} + +.nav-scroller .nav { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + padding-bottom: 1rem; + margin-top: -1px; + overflow-x: auto; + text-align: center; + white-space: nowrap; + -webkit-overflow-scrolling: touch; +} + +.nav-scroller .nav-link { + padding-top: .75rem; + padding-bottom: .75rem; + font-size: .875rem; +} + +.card-img-right { + height: 100%; + border-radius: 0 3px 3px 0; +} + +.flex-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} + +.h-250 { height: 250px; } +@media (min-width: 768px) { + .h-md-250 { height: 250px; } +} + +/* Pagination */ +.blog-pagination { + margin-bottom: 4rem; +} +.blog-pagination > .btn { + border-radius: 2rem; +} + +/* + * Blog posts + */ +.blog-post { + margin-bottom: 4rem; +} +.blog-post-title { + margin-bottom: .25rem; + font-size: 2.5rem; +} +.blog-post-meta { + margin-bottom: 1.25rem; + color: #999; +} + +/* + * Footer + */ +.blog-footer { + padding: 2.5rem 0; + color: #999; + text-align: center; + background-color: #f9f9f9; + border-top: .05rem solid #e5e5e5; +} +.blog-footer p:last-child { + margin-bottom: 0; +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/blog/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/blog/index.html new file mode 100644 index 000000000..0f27397dd --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/blog/index.html @@ -0,0 +1,200 @@ +--- +layout: examples +title: Blog Template +extra_css: + - "https://fonts.googleapis.com/css?family=Playfair+Display:700,900" + - "blog.css" +include_js: false +--- + +<div class="container"> + <header class="blog-header py-3"> + <div class="row flex-nowrap justify-content-between align-items-center"> + <div class="col-4 pt-1"> + <a class="text-muted" href="#">Subscribe</a> + </div> + <div class="col-4 text-center"> + <a class="blog-header-logo text-dark" href="#">Large</a> + </div> + <div class="col-4 d-flex justify-content-end align-items-center"> + <a class="text-muted" href="#" aria-label="Search"> + <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="mx-3" role="img" viewBox="0 0 24 24" focusable="false"><title>Search</title><circle cx="10.5" cy="10.5" r="7.5"/><path d="M21 21l-5.2-5.2"/></svg> + </a> + <a class="btn btn-sm btn-outline-secondary" href="#">Sign up</a> + </div> + </div> + </header> + + <div class="nav-scroller py-1 mb-2"> + <nav class="nav d-flex justify-content-between"> + <a class="p-2 text-muted" href="#">World</a> + <a class="p-2 text-muted" href="#">U.S.</a> + <a class="p-2 text-muted" href="#">Technology</a> + <a class="p-2 text-muted" href="#">Design</a> + <a class="p-2 text-muted" href="#">Culture</a> + <a class="p-2 text-muted" href="#">Business</a> + <a class="p-2 text-muted" href="#">Politics</a> + <a class="p-2 text-muted" href="#">Opinion</a> + <a class="p-2 text-muted" href="#">Science</a> + <a class="p-2 text-muted" href="#">Health</a> + <a class="p-2 text-muted" href="#">Style</a> + <a class="p-2 text-muted" href="#">Travel</a> + </nav> + </div> + + <div class="jumbotron p-4 p-md-5 text-white rounded bg-dark"> + <div class="col-md-6 px-0"> + <h1 class="display-4 font-italic">Title of a longer featured blog post</h1> + <p class="lead my-3">Multiple lines of text that form the lede, informing new readers quickly and efficiently about what’s most interesting in this post’s contents.</p> + <p class="lead mb-0"><a href="#" class="text-white font-weight-bold">Continue reading...</a></p> + </div> + </div> + + <div class="row mb-2"> + <div class="col-md-6"> + <div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative"> + <div class="col p-4 d-flex flex-column position-static"> + <strong class="d-inline-block mb-2 text-primary">World</strong> + <h3 class="mb-0">Featured post</h3> + <div class="mb-1 text-muted">Nov 12</div> + <p class="card-text mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p> + <a href="#" class="stretched-link">Continue reading</a> + </div> + <div class="col-auto d-none d-lg-block"> + {{< placeholder width="200" height="250" background="#55595c" color="#eceeef" text="Thumbnail" >}} + </div> + </div> + </div> + <div class="col-md-6"> + <div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative"> + <div class="col p-4 d-flex flex-column position-static"> + <strong class="d-inline-block mb-2 text-success">Design</strong> + <h3 class="mb-0">Post title</h3> + <div class="mb-1 text-muted">Nov 11</div> + <p class="mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p> + <a href="#" class="stretched-link">Continue reading</a> + </div> + <div class="col-auto d-none d-lg-block"> + {{< placeholder width="200" height="250" background="#55595c" color="#eceeef" text="Thumbnail" >}} + </div> + </div> + </div> + </div> +</div> + +<main role="main" class="container"> + <div class="row"> + <div class="col-md-8 blog-main"> + <h3 class="pb-4 mb-4 font-italic border-bottom"> + From the Firehose + </h3> + + <div class="blog-post"> + <h2 class="blog-post-title">Sample blog post</h2> + <p class="blog-post-meta">January 1, 2014 by <a href="#">Mark</a></p> + + <p>This blog post shows a few different types of content that’s supported and styled with Bootstrap. Basic typography, images, and code are all supported.</p> + <hr> + <p>Yeah, she dances to her own beat. Oh, no. You could've been the greatest. 'Cause, baby, <a href="#">you're a firework</a>. Maybe a reason why all the doors are closed. Open up your heart and just let it begin. So très chic, yeah, she's a classic.</p> + <blockquote> + <p>Bikinis, zucchinis, Martinis, no weenies. I know there will be sacrifice but that's the price. <strong>This is how we do it</strong>. I'm not sticking around to watch you go down. You think you're so rock and roll, but you're really just a joke. I know one spark will shock the world, yeah yeah. Can't replace you with a million rings.</p> + </blockquote> + <p>Trying to connect the dots, don't know what to tell my boss. Before you met me I was alright but things were kinda heavy. You just gotta ignite the light and let it shine. Glitter all over the room <em>pink flamingos</em> in the pool. </p> + <h2>Heading</h2> + <p>Suiting up for my crowning battle. If you only knew what the future holds. Bring the beat back. Peach-pink lips, yeah, everybody stares.</p> + <h3>Sub-heading</h3> + <p>You give a hundred reasons why, and you say you're really gonna try. Straight stuntin' yeah we do it like that. Calling out my name. ‘Cause I, I’m capable of anything.</p> + <pre><code>Example code block</code></pre> + <p>Before you met me I was alright but things were kinda heavy. You just gotta ignite the light and let it shine.</p> + <h3>Sub-heading</h3> + <p>You got the finest architecture. Passport stamps, she's cosmopolitan. Fine, fresh, fierce, we got it on lock. Never planned that one day I'd be losing you. She eats your heart out.</p> + <ul> + <li>Got a motel and built a fort out of sheets.</li> + <li>Your kiss is cosmic, every move is magic.</li> + <li>Suiting up for my crowning battle.</li> + </ul> + <p>Takes you miles high, so high, 'cause she’s got that one international smile.</p> + <ol> + <li>Scared to rock the boat and make a mess.</li> + <li>I could have rewrite your addiction.</li> + <li>I know you get me so I let my walls come down.</li> + </ol> + <p>After a hurricane comes a rainbow.</p> + </div><!-- /.blog-post --> + + <div class="blog-post"> + <h2 class="blog-post-title">Another blog post</h2> + <p class="blog-post-meta">December 23, 2013 by <a href="#">Jacob</a></p> + + <p>I am ready for the road less traveled. Already <a href="#">brushing off the dust</a>. Yeah, you're lucky if you're on her plane. I used to bite my tongue and hold my breath. Uh, She’s a beast. I call her Karma (come back). Black ray-bans, you know she's with the band. I can't sleep let's run away and don't ever look back, don't ever look back.</p> + <blockquote> + <p>Growing fast into a <strong>bolt of lightning</strong>. Be careful Try not to lead her on</p> + </blockquote> + <p>I'm intrigued, for a peek, heard it's fascinating. Oh oh! Wanna be a victim ready for abduction. She's got that international smile, oh yeah, she's got that one international smile. Do you ever feel, feel so paper thin. I’m gon’ put her in a coma. Sun-kissed skin so hot we'll melt your popsicle.</p> + <p>This is transcendental, on another level, boy, you're my lucky star.</p> + </div><!-- /.blog-post --> + + <div class="blog-post"> + <h2 class="blog-post-title">New feature</h2> + <p class="blog-post-meta">December 14, 2013 by <a href="#">Chris</a></p> + + <p>From Tokyo to Mexico, to Rio. Yeah, you take me to utopia. I'm walking on air. We'd make out in your Mustang to Radiohead. I mean the ones, I mean like she's the one. Sun-kissed skin so hot we'll melt your popsicle. Slow cooking pancakes for my boy, still up, still fresh as a Daisy.</p> + <ul> + <li>I hope you got a healthy appetite.</li> + <li>You're never gonna be unsatisfied.</li> + <li>Got a motel and built a fort out of sheets.</li> + </ul> + <p>Don't need apologies. Boy, you're an alien your touch so foreign, it's <em>supernatural</em>, extraterrestrial. Talk about our future like we had a clue. I can feel a phoenix inside of me.</p> + </div><!-- /.blog-post --> + + <nav class="blog-pagination"> + <a class="btn btn-outline-primary" href="#">Older</a> + <a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">Newer</a> + </nav> + + </div><!-- /.blog-main --> + + <aside class="col-md-4 blog-sidebar"> + <div class="p-4 mb-3 bg-light rounded"> + <h4 class="font-italic">About</h4> + <p class="mb-0">Saw you downtown singing the Blues. Watch you circle the drain. Why don't you let me stop by? Heavy is the head that <em>wears the crown</em>. Yes, we make angels cry, raining down on earth from up above.</p> + </div> + + <div class="p-4"> + <h4 class="font-italic">Archives</h4> + <ol class="list-unstyled mb-0"> + <li><a href="#">March 2014</a></li> + <li><a href="#">February 2014</a></li> + <li><a href="#">January 2014</a></li> + <li><a href="#">December 2013</a></li> + <li><a href="#">November 2013</a></li> + <li><a href="#">October 2013</a></li> + <li><a href="#">September 2013</a></li> + <li><a href="#">August 2013</a></li> + <li><a href="#">July 2013</a></li> + <li><a href="#">June 2013</a></li> + <li><a href="#">May 2013</a></li> + <li><a href="#">April 2013</a></li> + </ol> + </div> + + <div class="p-4"> + <h4 class="font-italic">Elsewhere</h4> + <ol class="list-unstyled"> + <li><a href="#">GitHub</a></li> + <li><a href="#">Twitter</a></li> + <li><a href="#">Facebook</a></li> + </ol> + </div> + </aside><!-- /.blog-sidebar --> + + </div><!-- /.row --> + +</main><!-- /.container --> + +<footer class="blog-footer"> + <p>Blog template built for <a href="https://getbootstrap.com/">Bootstrap</a> by <a href="https://twitter.com/mdo">@mdo</a>.</p> + <p> + <a href="#">Back to top</a> + </p> +</footer> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/carousel/carousel.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/carousel/carousel.css new file mode 100644 index 000000000..20300e90c --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/carousel/carousel.css @@ -0,0 +1,90 @@ +/* GLOBAL STYLES +-------------------------------------------------- */ +/* Padding below the footer and lighter body text */ + +body { + padding-top: 3rem; + padding-bottom: 3rem; + color: #5a5a5a; +} + + +/* CUSTOMIZE THE CAROUSEL +-------------------------------------------------- */ + +/* Carousel base class */ +.carousel { + margin-bottom: 4rem; +} +/* Since positioning the image, we need to help out the caption */ +.carousel-caption { + bottom: 3rem; + z-index: 10; +} + +/* Declare heights because of positioning of img element */ +.carousel-item { + height: 32rem; +} +.carousel-item > img { + position: absolute; + top: 0; + left: 0; + min-width: 100%; + height: 32rem; +} + + +/* MARKETING CONTENT +-------------------------------------------------- */ + +/* Center align the text within the three columns below the carousel */ +.marketing .col-lg-4 { + margin-bottom: 1.5rem; + text-align: center; +} +.marketing h2 { + font-weight: 400; +} +.marketing .col-lg-4 p { + margin-right: .75rem; + margin-left: .75rem; +} + + +/* Featurettes +------------------------- */ + +.featurette-divider { + margin: 5rem 0; /* Space out the Bootstrap <hr> more */ +} + +/* Thin out the marketing headings */ +.featurette-heading { + font-weight: 300; + line-height: 1; + letter-spacing: -.05rem; +} + + +/* RESPONSIVE CSS +-------------------------------------------------- */ + +@media (min-width: 40em) { + /* Bump up size of carousel content */ + .carousel-caption p { + margin-bottom: 1.25rem; + font-size: 1.25rem; + line-height: 1.4; + } + + .featurette-heading { + font-size: 50px; + } +} + +@media (min-width: 62em) { + .featurette-heading { + margin-top: 7rem; + } +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/carousel/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/carousel/index.html new file mode 100644 index 000000000..96f71f772 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/carousel/index.html @@ -0,0 +1,164 @@ +--- +layout: examples +title: Carousel Template +extra_css: + - "carousel.css" +--- + +<header> + <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"> + <a class="navbar-brand" href="#">Carousel</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarCollapse"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + </ul> + <form class="form-inline mt-2 mt-md-0"> + <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"> + <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> + </form> + </div> + </nav> +</header> + +<main role="main"> + + <div id="myCarousel" class="carousel slide" data-ride="carousel"> + <ol class="carousel-indicators"> + <li data-target="#myCarousel" data-slide-to="0" class="active"></li> + <li data-target="#myCarousel" data-slide-to="1"></li> + <li data-target="#myCarousel" data-slide-to="2"></li> + </ol> + <div class="carousel-inner"> + <div class="carousel-item active"> + {{< placeholder width="100%" height="100%" background="#777" color="#777" text=" " title=" " >}} + <div class="container"> + <div class="carousel-caption text-left"> + <h1>Example headline.</h1> + <p>Some representative placeholder content for the first slide of the carousel.</p> + <p><a class="btn btn-lg btn-primary" href="#">Sign up today</a></p> + </div> + </div> + </div> + <div class="carousel-item"> + {{< placeholder width="100%" height="100%" background="#777" color="#777" text=" " title=" " >}} + <div class="container"> + <div class="carousel-caption"> + <h1>Another example headline.</h1> + <p>Some representative placeholder content for the second slide of the carousel.</p> + <p><a class="btn btn-lg btn-primary" href="#">Learn more</a></p> + </div> + </div> + </div> + <div class="carousel-item"> + {{< placeholder width="100%" height="100%" background="#777" color="#777" text=" " title=" " >}} + <div class="container"> + <div class="carousel-caption text-right"> + <h1>One more for good measure.</h1> + <p>Some representative placeholder content for the third slide of this carousel.</p> + <p><a class="btn btn-lg btn-primary" href="#">Browse gallery</a></p> + </div> + </div> + </div> + </div> + <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev"> + <span class="carousel-control-prev-icon" aria-hidden="true"></span> + <span class="sr-only">Previous</span> + </a> + <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next"> + <span class="carousel-control-next-icon" aria-hidden="true"></span> + <span class="sr-only">Next</span> + </a> + </div> + + + <!-- Marketing messaging and featurettes + ================================================== --> + <!-- Wrap the rest of the page in another container to center all the content. --> + + <div class="container marketing"> + + <!-- Three columns of text below the carousel --> + <div class="row"> + <div class="col-lg-4"> + {{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}} + <h2>Heading</h2> + <p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p> + <p><a class="btn btn-secondary" href="#">View details »</a></p> + </div><!-- /.col-lg-4 --> + <div class="col-lg-4"> + {{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}} + <h2>Heading</h2> + <p>Another exciting bit of representative placeholder content. This time, we've moved on to the second column.</p> + <p><a class="btn btn-secondary" href="#">View details »</a></p> + </div><!-- /.col-lg-4 --> + <div class="col-lg-4"> + {{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}} + <h2>Heading</h2> + <p>And lastly this, the third column of representative placeholder content.</p> + <p><a class="btn btn-secondary" href="#">View details »</a></p> + </div><!-- /.col-lg-4 --> + </div><!-- /.row --> + + + <!-- START THE FEATURETTES --> + + <hr class="featurette-divider"> + + <div class="row featurette"> + <div class="col-md-7"> + <h2 class="featurette-heading">First featurette heading. <span class="text-muted">It’ll blow your mind.</span></h2> + <p class="lead">Some great placeholder content for the first featurette here. Imagine some exciting prose here.</p> + </div> + <div class="col-md-5"> + {{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} + </div> + </div> + + <hr class="featurette-divider"> + + <div class="row featurette"> + <div class="col-md-7 order-md-2"> + <h2 class="featurette-heading">Oh yeah, it’s that good. <span class="text-muted">See for yourself.</span></h2> + <p class="lead">Another featurette? Of course. More placeholder content here to give you an idea of how this layout would work with some actual real-world content in place.</p> + </div> + <div class="col-md-5 order-md-1"> + {{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} + </div> + </div> + + <hr class="featurette-divider"> + + <div class="row featurette"> + <div class="col-md-7"> + <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2> + <p class="lead">And yes, this is the last block of representative placeholder content. Again, not really intended to be actually read, simply here to give you a better view of what this would look like with some actual content. Your content.</p> + </div> + <div class="col-md-5"> + {{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}} + </div> + </div> + + <hr class="featurette-divider"> + + <!-- /END THE FEATURETTES --> + + </div><!-- /.container --> + + + <!-- FOOTER --> + <footer class="container"> + <p class="float-right"><a href="#">Back to top</a></p> + <p>© 2017-{{< year >}} Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p> + </footer> +</main> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/checkout/form-validation.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/checkout/form-validation.css new file mode 100644 index 000000000..7a6246fae --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/checkout/form-validation.css @@ -0,0 +1,5 @@ +.container { + max-width: 960px; +} + +.lh-condensed { line-height: 1.25; } diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/checkout/form-validation.js b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/checkout/form-validation.js new file mode 100644 index 000000000..59291c8b3 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/checkout/form-validation.js @@ -0,0 +1,21 @@ +// Example starter JavaScript for disabling form submissions if there are invalid fields +(function () { + 'use strict' + + window.addEventListener('load', function () { + // Fetch all the forms we want to apply custom Bootstrap validation styles to + var forms = document.getElementsByClassName('needs-validation') + + // Loop over them and prevent submission + Array.prototype.filter.call(forms, function (form) { + form.addEventListener('submit', function (event) { + if (form.checkValidity() === false) { + event.preventDefault() + event.stopPropagation() + } + + form.classList.add('was-validated') + }, false) + }) + }, false) +})() diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/checkout/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/checkout/index.html new file mode 100644 index 000000000..353111883 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/checkout/index.html @@ -0,0 +1,225 @@ +--- +layout: examples +title: Checkout example +extra_css: + - "form-validation.css" +extra_js: + - "form-validation.js" +body_class: "bg-light" +--- + +<div class="container"> + <div class="py-5 text-center"> + <img class="d-block mx-auto mb-4" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72"> + <h2>Checkout form</h2> + <p class="lead">Below is an example form built entirely with Bootstrap’s form controls. Each required form group has a validation state that can be triggered by attempting to submit the form without completing it.</p> + </div> + + <div class="row"> + <div class="col-md-4 order-md-2 mb-4"> + <h4 class="d-flex justify-content-between align-items-center mb-3"> + <span class="text-muted">Your cart</span> + <span class="badge badge-secondary badge-pill">3</span> + </h4> + <ul class="list-group mb-3"> + <li class="list-group-item d-flex justify-content-between lh-condensed"> + <div> + <h6 class="my-0">Product name</h6> + <small class="text-muted">Brief description</small> + </div> + <span class="text-muted">$12</span> + </li> + <li class="list-group-item d-flex justify-content-between lh-condensed"> + <div> + <h6 class="my-0">Second product</h6> + <small class="text-muted">Brief description</small> + </div> + <span class="text-muted">$8</span> + </li> + <li class="list-group-item d-flex justify-content-between lh-condensed"> + <div> + <h6 class="my-0">Third item</h6> + <small class="text-muted">Brief description</small> + </div> + <span class="text-muted">$5</span> + </li> + <li class="list-group-item d-flex justify-content-between bg-light"> + <div class="text-success"> + <h6 class="my-0">Promo code</h6> + <small>EXAMPLECODE</small> + </div> + <span class="text-success">-$5</span> + </li> + <li class="list-group-item d-flex justify-content-between"> + <span>Total (USD)</span> + <strong>$20</strong> + </li> + </ul> + + <form class="card p-2"> + <div class="input-group"> + <input type="text" class="form-control" placeholder="Promo code"> + <div class="input-group-append"> + <button type="submit" class="btn btn-secondary">Redeem</button> + </div> + </div> + </form> + </div> + <div class="col-md-8 order-md-1"> + <h4 class="mb-3">Billing address</h4> + <form class="needs-validation" novalidate> + <div class="row"> + <div class="col-md-6 mb-3"> + <label for="firstName">First name</label> + <input type="text" class="form-control" id="firstName" placeholder="" value="" required> + <div class="invalid-feedback"> + Valid first name is required. + </div> + </div> + <div class="col-md-6 mb-3"> + <label for="lastName">Last name</label> + <input type="text" class="form-control" id="lastName" placeholder="" value="" required> + <div class="invalid-feedback"> + Valid last name is required. + </div> + </div> + </div> + + <div class="mb-3"> + <label for="username">Username</label> + <div class="input-group"> + <div class="input-group-prepend"> + <span class="input-group-text">@</span> + </div> + <input type="text" class="form-control" id="username" placeholder="Username" required> + <div class="invalid-feedback" style="width: 100%;"> + Your username is required. + </div> + </div> + </div> + + <div class="mb-3"> + <label for="email">Email <span class="text-muted">(Optional)</span></label> + <input type="email" class="form-control" id="email" placeholder="you@example.com"> + <div class="invalid-feedback"> + Please enter a valid email address for shipping updates. + </div> + </div> + + <div class="mb-3"> + <label for="address">Address</label> + <input type="text" class="form-control" id="address" placeholder="1234 Main St" required> + <div class="invalid-feedback"> + Please enter your shipping address. + </div> + </div> + + <div class="mb-3"> + <label for="address2">Address 2 <span class="text-muted">(Optional)</span></label> + <input type="text" class="form-control" id="address2" placeholder="Apartment or suite"> + </div> + + <div class="row"> + <div class="col-md-5 mb-3"> + <label for="country">Country</label> + <select class="custom-select d-block w-100" id="country" required> + <option value="">Choose...</option> + <option>United States</option> + </select> + <div class="invalid-feedback"> + Please select a valid country. + </div> + </div> + <div class="col-md-4 mb-3"> + <label for="state">State</label> + <select class="custom-select d-block w-100" id="state" required> + <option value="">Choose...</option> + <option>California</option> + </select> + <div class="invalid-feedback"> + Please provide a valid state. + </div> + </div> + <div class="col-md-3 mb-3"> + <label for="zip">Zip</label> + <input type="text" class="form-control" id="zip" placeholder="" required> + <div class="invalid-feedback"> + Zip code required. + </div> + </div> + </div> + <hr class="mb-4"> + <div class="custom-control custom-checkbox"> + <input type="checkbox" class="custom-control-input" id="same-address"> + <label class="custom-control-label" for="same-address">Shipping address is the same as my billing address</label> + </div> + <div class="custom-control custom-checkbox"> + <input type="checkbox" class="custom-control-input" id="save-info"> + <label class="custom-control-label" for="save-info">Save this information for next time</label> + </div> + <hr class="mb-4"> + + <h4 class="mb-3">Payment</h4> + + <div class="d-block my-3"> + <div class="custom-control custom-radio"> + <input id="credit" name="paymentMethod" type="radio" class="custom-control-input" checked required> + <label class="custom-control-label" for="credit">Credit card</label> + </div> + <div class="custom-control custom-radio"> + <input id="debit" name="paymentMethod" type="radio" class="custom-control-input" required> + <label class="custom-control-label" for="debit">Debit card</label> + </div> + <div class="custom-control custom-radio"> + <input id="paypal" name="paymentMethod" type="radio" class="custom-control-input" required> + <label class="custom-control-label" for="paypal">PayPal</label> + </div> + </div> + <div class="row"> + <div class="col-md-6 mb-3"> + <label for="cc-name">Name on card</label> + <input type="text" class="form-control" id="cc-name" placeholder="" required> + <small class="text-muted">Full name as displayed on card</small> + <div class="invalid-feedback"> + Name on card is required + </div> + </div> + <div class="col-md-6 mb-3"> + <label for="cc-number">Credit card number</label> + <input type="text" class="form-control" id="cc-number" placeholder="" required> + <div class="invalid-feedback"> + Credit card number is required + </div> + </div> + </div> + <div class="row"> + <div class="col-md-3 mb-3"> + <label for="cc-expiration">Expiration</label> + <input type="text" class="form-control" id="cc-expiration" placeholder="" required> + <div class="invalid-feedback"> + Expiration date required + </div> + </div> + <div class="col-md-3 mb-3"> + <label for="cc-cvv">CVV</label> + <input type="text" class="form-control" id="cc-cvv" placeholder="" required> + <div class="invalid-feedback"> + Security code required + </div> + </div> + </div> + <hr class="mb-4"> + <button class="btn btn-primary btn-lg btn-block" type="submit">Continue to checkout</button> + </form> + </div> + </div> + + <footer class="my-5 pt-5 text-muted text-center text-small"> + <p class="mb-1">© 2017-{{< year >}} Company Name</p> + <ul class="list-inline"> + <li class="list-inline-item"><a href="#">Privacy</a></li> + <li class="list-inline-item"><a href="#">Terms</a></li> + <li class="list-inline-item"><a href="#">Support</a></li> + </ul> + </footer> +</div> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/cover/cover.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/cover/cover.css new file mode 100644 index 000000000..7c6d33cdd --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/cover/cover.css @@ -0,0 +1,106 @@ +/* + * Globals + */ + +/* Links */ +a, +a:focus, +a:hover { + color: #fff; +} + +/* Custom default button */ +.btn-secondary, +.btn-secondary:hover, +.btn-secondary:focus { + color: #333; + text-shadow: none; /* Prevent inheritance from `body` */ + background-color: #fff; + border: .05rem solid #fff; +} + + +/* + * Base structure + */ + +html, +body { + height: 100%; + background-color: #333; +} + +body { + display: -ms-flexbox; + display: flex; + color: #fff; + text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5); + box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); +} + +.cover-container { + max-width: 42em; +} + + +/* + * Header + */ +.masthead { + margin-bottom: 2rem; +} + +.masthead-brand { + margin-bottom: 0; +} + +.nav-masthead .nav-link { + padding: .25rem 0; + font-weight: 700; + color: rgba(255, 255, 255, .5); + background-color: transparent; + border-bottom: .25rem solid transparent; +} + +.nav-masthead .nav-link:hover, +.nav-masthead .nav-link:focus { + border-bottom-color: rgba(255, 255, 255, .25); +} + +.nav-masthead .nav-link + .nav-link { + margin-left: 1rem; +} + +.nav-masthead .active { + color: #fff; + border-bottom-color: #fff; +} + +@media (min-width: 48em) { + .masthead-brand { + float: left; + } + .nav-masthead { + float: right; + } +} + + +/* + * Cover + */ +.cover { + padding: 0 1.5rem; +} +.cover .btn-lg { + padding: .75rem 1.25rem; + font-weight: 700; +} + + +/* + * Footer + */ +.mastfoot { + color: rgba(255, 255, 255, .5); +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/cover/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/cover/index.html new file mode 100644 index 000000000..67d8e8538 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/cover/index.html @@ -0,0 +1,35 @@ +--- +layout: examples +title: Cover Template +extra_css: + - "cover.css" +body_class: "text-center" +include_js: false +--- + +<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column"> + <header class="masthead mb-auto"> + <div class="inner"> + <h3 class="masthead-brand">Cover</h3> + <nav class="nav nav-masthead justify-content-center"> + <a class="nav-link active" href="#">Home</a> + <a class="nav-link" href="#">Features</a> + <a class="nav-link" href="#">Contact</a> + </nav> + </div> + </header> + + <main role="main" class="inner cover"> + <h1 class="cover-heading">Cover your page.</h1> + <p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p> + <p class="lead"> + <a href="#" class="btn btn-lg btn-secondary">Learn more</a> + </p> + </main> + + <footer class="mastfoot mt-auto"> + <div class="inner"> + <p>Cover template for <a href="https://getbootstrap.com/">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p> + </div> + </footer> +</div> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/dashboard/dashboard.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/dashboard/dashboard.css new file mode 100644 index 000000000..b71942ad1 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/dashboard/dashboard.css @@ -0,0 +1,103 @@ +body { + font-size: .875rem; +} + +.feather { + width: 16px; + height: 16px; + vertical-align: text-bottom; +} + +/* + * Sidebar + */ + +.sidebar { + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 100; /* Behind the navbar */ + padding: 48px 0 0; /* Height of navbar */ + box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); +} + +@media (max-width: 767.98px) { + .sidebar { + top: 5rem; + } +} + +.sidebar-sticky { + position: relative; + top: 0; + height: calc(100vh - 48px); + padding-top: .5rem; + overflow-x: hidden; + overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ +} + +@supports ((position: -webkit-sticky) or (position: sticky)) { + .sidebar-sticky { + position: -webkit-sticky; + position: sticky; + } +} + +.sidebar .nav-link { + font-weight: 500; + color: #333; +} + +.sidebar .nav-link .feather { + margin-right: 4px; + color: #999; +} + +.sidebar .nav-link.active { + color: #007bff; +} + +.sidebar .nav-link:hover .feather, +.sidebar .nav-link.active .feather { + color: inherit; +} + +.sidebar-heading { + font-size: .75rem; + text-transform: uppercase; +} + +/* + * Navbar + */ + +.navbar-brand { + padding-top: .75rem; + padding-bottom: .75rem; + font-size: 1rem; + background-color: rgba(0, 0, 0, .25); + box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25); +} + +.navbar .navbar-toggler { + top: .25rem; + right: 1rem; +} + +.navbar .form-control { + padding: .75rem 1rem; + border-width: 0; + border-radius: 0; +} + +.form-control-dark { + color: #fff; + background-color: rgba(255, 255, 255, .1); + border-color: rgba(255, 255, 255, .1); +} + +.form-control-dark:focus { + border-color: transparent; + box-shadow: 0 0 0 3px rgba(255, 255, 255, .25); +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/dashboard/dashboard.js b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/dashboard/dashboard.js new file mode 100644 index 000000000..d3f549928 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/dashboard/dashboard.js @@ -0,0 +1,53 @@ +/* globals Chart:false, feather:false */ + +(function () { + 'use strict' + + feather.replace() + + // Graphs + var ctx = document.getElementById('myChart') + // eslint-disable-next-line no-unused-vars + var myChart = new Chart(ctx, { + type: 'line', + data: { + labels: [ + 'Sunday', + 'Monday', + 'Tuesday', + 'Wednesday', + 'Thursday', + 'Friday', + 'Saturday' + ], + datasets: [{ + data: [ + 15339, + 21345, + 18483, + 24003, + 23489, + 24092, + 12034 + ], + lineTension: 0, + backgroundColor: 'transparent', + borderColor: '#007bff', + borderWidth: 4, + pointBackgroundColor: '#007bff' + }] + }, + options: { + scales: { + yAxes: [{ + ticks: { + beginAtZero: false + } + }] + }, + legend: { + display: false + } + } + }) +})() diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/dashboard/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/dashboard/index.html new file mode 100644 index 000000000..c3096a554 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/dashboard/index.html @@ -0,0 +1,250 @@ +--- +layout: examples +title: Dashboard Template +extra_css: + - "dashboard.css" +extra_js: + - "https://cdn.jsdelivr.net/npm/feather-icons@4.28.0/dist/feather.min.js" + - "https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js" + - "dashboard.js" +--- + +<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow"> + <a class="navbar-brand col-md-3 col-lg-2 mr-0 px-3" href="#">Company name</a> + <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-toggle="collapse" data-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search"> + <ul class="navbar-nav px-3"> + <li class="nav-item text-nowrap"> + <a class="nav-link" href="#">Sign out</a> + </li> + </ul> +</nav> + +<div class="container-fluid"> + <div class="row"> + <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse"> + <div class="sidebar-sticky pt-3"> + <ul class="nav flex-column"> + <li class="nav-item"> + <a class="nav-link active" href="#"> + <span data-feather="home"></span> + Dashboard <span class="sr-only">(current)</span> + </a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#"> + <span data-feather="file"></span> + Orders + </a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#"> + <span data-feather="shopping-cart"></span> + Products + </a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#"> + <span data-feather="users"></span> + Customers + </a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#"> + <span data-feather="bar-chart-2"></span> + Reports + </a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#"> + <span data-feather="layers"></span> + Integrations + </a> + </li> + </ul> + + <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted"> + <span>Saved reports</span> + <a class="d-flex align-items-center text-muted" href="#" aria-label="Add a new report"> + <span data-feather="plus-circle"></span> + </a> + </h6> + <ul class="nav flex-column mb-2"> + <li class="nav-item"> + <a class="nav-link" href="#"> + <span data-feather="file-text"></span> + Current month + </a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#"> + <span data-feather="file-text"></span> + Last quarter + </a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#"> + <span data-feather="file-text"></span> + Social engagement + </a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#"> + <span data-feather="file-text"></span> + Year-end sale + </a> + </li> + </ul> + </div> + </nav> + + <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4"> + <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom"> + <h1 class="h2">Dashboard</h1> + <div class="btn-toolbar mb-2 mb-md-0"> + <div class="btn-group mr-2"> + <button type="button" class="btn btn-sm btn-outline-secondary">Share</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Export</button> + </div> + <button type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle"> + <span data-feather="calendar"></span> + This week + </button> + </div> + </div> + + <canvas class="my-4 w-100" id="myChart" width="900" height="380"></canvas> + + <h2>Section title</h2> + <div class="table-responsive"> + <table class="table table-striped table-sm"> + <thead> + <tr> + <th>#</th> + <th>Header</th> + <th>Header</th> + <th>Header</th> + <th>Header</th> + </tr> + </thead> + <tbody> + <tr> + <td>1,001</td> + <td>random</td> + <td>data</td> + <td>placeholder</td> + <td>text</td> + </tr> + <tr> + <td>1,002</td> + <td>placeholder</td> + <td>irrelevant</td> + <td>visual</td> + <td>layout</td> + </tr> + <tr> + <td>1,003</td> + <td>data</td> + <td>rich</td> + <td>dashboard</td> + <td>tabular</td> + </tr> + <tr> + <td>1,003</td> + <td>information</td> + <td>placeholder</td> + <td>illustrative</td> + <td>data</td> + </tr> + <tr> + <td>1,004</td> + <td>text</td> + <td>random</td> + <td>layout</td> + <td>dashboard</td> + </tr> + <tr> + <td>1,005</td> + <td>dashboard</td> + <td>irrelevant</td> + <td>text</td> + <td>placeholder</td> + </tr> + <tr> + <td>1,006</td> + <td>dashboard</td> + <td>illustrative</td> + <td>rich</td> + <td>data</td> + </tr> + <tr> + <td>1,007</td> + <td>placeholder</td> + <td>tabular</td> + <td>information</td> + <td>irrelevant</td> + </tr> + <tr> + <td>1,008</td> + <td>random</td> + <td>data</td> + <td>placeholder</td> + <td>text</td> + </tr> + <tr> + <td>1,009</td> + <td>placeholder</td> + <td>irrelevant</td> + <td>visual</td> + <td>layout</td> + </tr> + <tr> + <td>1,010</td> + <td>data</td> + <td>rich</td> + <td>dashboard</td> + <td>tabular</td> + </tr> + <tr> + <td>1,011</td> + <td>information</td> + <td>placeholder</td> + <td>illustrative</td> + <td>data</td> + </tr> + <tr> + <td>1,012</td> + <td>text</td> + <td>placeholder</td> + <td>layout</td> + <td>dashboard</td> + </tr> + <tr> + <td>1,013</td> + <td>dashboard</td> + <td>irrelevant</td> + <td>text</td> + <td>visual</td> + </tr> + <tr> + <td>1,014</td> + <td>dashboard</td> + <td>illustrative</td> + <td>rich</td> + <td>data</td> + </tr> + <tr> + <td>1,015</td> + <td>random</td> + <td>tabular</td> + <td>information</td> + <td>text</td> + </tr> + </tbody> + </table> + </div> + </main> + </div> +</div> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/floating-labels/floating-labels.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/floating-labels/floating-labels.css new file mode 100644 index 000000000..e08144d81 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/floating-labels/floating-labels.css @@ -0,0 +1,130 @@ +html, +body { + height: 100%; +} + +body { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-top: 40px; + padding-bottom: 40px; + background-color: #f5f5f5; +} + +.form-signin { + width: 100%; + max-width: 420px; + padding: 15px; + margin: auto; +} + +.form-label-group { + position: relative; + margin-bottom: 1rem; +} + +.form-label-group input, +.form-label-group label { + height: 3.125rem; + padding: .75rem; +} + +.form-label-group label { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + margin-bottom: 0; /* Override default `<label>` margin */ + line-height: 1.5; + color: #495057; + pointer-events: none; + cursor: text; /* Match the input under the label */ + border: 1px solid transparent; + border-radius: .25rem; + transition: all .1s ease-in-out; +} + +.form-label-group input::-webkit-input-placeholder { + color: transparent; +} + +.form-label-group input::-moz-placeholder { + color: transparent; +} + +.form-label-group input:-ms-input-placeholder { + color: transparent; +} + +.form-label-group input::-ms-input-placeholder { + color: transparent; +} + +.form-label-group input::placeholder { + color: transparent; +} + +.form-label-group input:not(:-moz-placeholder-shown) { + padding-top: 1.25rem; + padding-bottom: .25rem; +} + +.form-label-group input:not(:-ms-input-placeholder) { + padding-top: 1.25rem; + padding-bottom: .25rem; +} + +.form-label-group input:not(:placeholder-shown) { + padding-top: 1.25rem; + padding-bottom: .25rem; +} + +.form-label-group input:not(:-moz-placeholder-shown) ~ label { + padding-top: .25rem; + padding-bottom: .25rem; + font-size: 12px; + color: #777; +} + +.form-label-group input:not(:-ms-input-placeholder) ~ label { + padding-top: .25rem; + padding-bottom: .25rem; + font-size: 12px; + color: #777; +} + +.form-label-group input:not(:placeholder-shown) ~ label { + padding-top: .25rem; + padding-bottom: .25rem; + font-size: 12px; + color: #777; +} + +.form-label-group input:-webkit-autofill ~ label { + padding-top: .25rem; + padding-bottom: .25rem; + font-size: 12px; + color: #777; +} + +/* Fallback for Edge +-------------------------------------------------- */ +@supports (-ms-ime-align: auto) { + .form-label-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + } + + .form-label-group label { + position: static; + } + + .form-label-group input::-ms-input-placeholder { + color: #777; + } +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/floating-labels/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/floating-labels/index.html new file mode 100644 index 000000000..7e6201629 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/floating-labels/index.html @@ -0,0 +1,33 @@ +--- +layout: examples +title: Floating labels example +extra_css: + - "floating-labels.css" +include_js: false +--- + +<form class="form-signin"> + <div class="text-center mb-4"> + <img class="mb-4" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72"> + <h1 class="h3 mb-3 font-weight-normal">Floating labels</h1> + <p>Build form controls with floating labels via the <code>:placeholder-shown</code> pseudo-element. <a href="https://caniuse.com/css-placeholder-shown">Works in latest Chrome, Safari, Firefox, and IE 10/11 (prefixed).</a></p> + </div> + + <div class="form-label-group"> + <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus> + <label for="inputEmail">Email address</label> + </div> + + <div class="form-label-group"> + <input type="password" id="inputPassword" class="form-control" placeholder="Password" required> + <label for="inputPassword">Password</label> + </div> + + <div class="checkbox mb-3"> + <label> + <input type="checkbox" value="remember-me"> Remember me + </label> + </div> + <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> + <p class="mt-5 mb-3 text-muted text-center">© 2017-{{< year >}}</p> +</form> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/grid/grid.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/grid/grid.css new file mode 100644 index 000000000..8032c31c3 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/grid/grid.css @@ -0,0 +1,13 @@ +.themed-grid-col { + padding-top: 15px; + padding-bottom: 15px; + background-color: rgba(86, 61, 124, .15); + border: 1px solid rgba(86, 61, 124, .2); +} + +.themed-container { + padding: 15px; + margin-bottom: 30px; + background-color: rgba(0, 123, 255, .15); + border: 1px solid rgba(0, 123, 255, .2); +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/grid/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/grid/index.html new file mode 100644 index 000000000..1440cb734 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/grid/index.html @@ -0,0 +1,139 @@ +--- +layout: examples +title: Grid Template +extra_css: + - "grid.css" +body_class: "py-4" +include_js: false +--- + +<div class="container"> + + <h1>Bootstrap grid examples</h1> + <p class="lead">Basic grid layouts to get you familiar with building within the Bootstrap grid system.</p> + <p>In these examples the <code>.themed-grid-col</code> class is added to the columns to add some theming. This is not a class that is available in Bootstrap by default.</p> + + <h2 class="mt-4">Five grid tiers</h2> + <p>There are five tiers to the Bootstrap grid system, one for each range of devices we support. Each tier starts at a minimum viewport size and automatically applies to the larger devices unless overridden.</p> + + <div class="row mb-3"> + <div class="col-4 themed-grid-col">.col-4</div> + <div class="col-4 themed-grid-col">.col-4</div> + <div class="col-4 themed-grid-col">.col-4</div> + </div> + + <div class="row mb-3"> + <div class="col-sm-4 themed-grid-col">.col-sm-4</div> + <div class="col-sm-4 themed-grid-col">.col-sm-4</div> + <div class="col-sm-4 themed-grid-col">.col-sm-4</div> + </div> + + <div class="row mb-3"> + <div class="col-md-4 themed-grid-col">.col-md-4</div> + <div class="col-md-4 themed-grid-col">.col-md-4</div> + <div class="col-md-4 themed-grid-col">.col-md-4</div> + </div> + + <div class="row mb-3"> + <div class="col-lg-4 themed-grid-col">.col-lg-4</div> + <div class="col-lg-4 themed-grid-col">.col-lg-4</div> + <div class="col-lg-4 themed-grid-col">.col-lg-4</div> + </div> + + <div class="row mb-3"> + <div class="col-xl-4 themed-grid-col">.col-xl-4</div> + <div class="col-xl-4 themed-grid-col">.col-xl-4</div> + <div class="col-xl-4 themed-grid-col">.col-xl-4</div> + </div> + + <h2 class="mt-4">Three equal columns</h2> + <p>Get three equal-width columns <strong>starting at desktops and scaling to large desktops</strong>. On mobile devices, tablets and below, the columns will automatically stack.</p> + <div class="row mb-3"> + <div class="col-md-4 themed-grid-col">.col-md-4</div> + <div class="col-md-4 themed-grid-col">.col-md-4</div> + <div class="col-md-4 themed-grid-col">.col-md-4</div> + </div> + + <h2 class="mt-4">Three unequal columns</h2> + <p>Get three columns <strong>starting at desktops and scaling to large desktops</strong> of various widths. Remember, grid columns should add up to twelve for a single horizontal block. More than that, and columns start stacking no matter the viewport.</p> + <div class="row mb-3"> + <div class="col-md-3 themed-grid-col">.col-md-3</div> + <div class="col-md-6 themed-grid-col">.col-md-6</div> + <div class="col-md-3 themed-grid-col">.col-md-3</div> + </div> + + <h2 class="mt-4">Two columns</h2> + <p>Get two columns <strong>starting at desktops and scaling to large desktops</strong>.</p> + <div class="row mb-3"> + <div class="col-md-8 themed-grid-col">.col-md-8</div> + <div class="col-md-4 themed-grid-col">.col-md-4</div> + </div> + + <h2 class="mt-4">Full width, single column</h2> + <p class="text-warning"> + No grid classes are necessary for full-width elements. + </p> + + <hr class="my-4"> + + <h2 class="mt-4">Two columns with two nested columns</h2> + <p>Per the documentation, nesting is easy—just put a row of columns within an existing column. This gives you two columns <strong>starting at desktops and scaling to large desktops</strong>, with another two (equal widths) within the larger column.</p> + <p>At mobile device sizes, tablets and down, these columns and their nested columns will stack.</p> + <div class="row mb-3"> + <div class="col-md-8 themed-grid-col"> + <div class="pb-3"> + .col-md-8 + </div> + <div class="row"> + <div class="col-md-6 themed-grid-col">.col-md-6</div> + <div class="col-md-6 themed-grid-col">.col-md-6</div> + </div> + </div> + <div class="col-md-4 themed-grid-col">.col-md-4</div> + </div> + + <hr class="my-4"> + + <h2 class="mt-4">Mixed: mobile and desktop</h2> + <p>The Bootstrap v4 grid system has five tiers of classes: xs (extra small, this class infix is not used), sm (small), md (medium), lg (large), and xl (extra large). You can use nearly any combination of these classes to create more dynamic and flexible layouts.</p> + <p>Each tier of classes scales up, meaning if you plan on setting the same widths for md, lg and xl, you only need to specify md.</p> + <div class="row mb-3"> + <div class="col-md-8 themed-grid-col">.col-md-8</div> + <div class="col-6 col-md-4 themed-grid-col">.col-6 .col-md-4</div> + </div> + <div class="row mb-3"> + <div class="col-6 col-md-4 themed-grid-col">.col-6 .col-md-4</div> + <div class="col-6 col-md-4 themed-grid-col">.col-6 .col-md-4</div> + <div class="col-6 col-md-4 themed-grid-col">.col-6 .col-md-4</div> + </div> + <div class="row mb-3"> + <div class="col-6 themed-grid-col">.col-6</div> + <div class="col-6 themed-grid-col">.col-6</div> + </div> + + <hr class="my-4"> + + <h2 class="mt-4">Mixed: mobile, tablet, and desktop</h2> + <div class="row mb-3"> + <div class="col-sm-6 col-lg-8 themed-grid-col">.col-sm-6 .col-lg-8</div> + <div class="col-6 col-lg-4 themed-grid-col">.col-6 .col-lg-4</div> + </div> + <div class="row mb-3"> + <div class="col-6 col-sm-4 themed-grid-col">.col-6 .col-sm-4</div> + <div class="col-6 col-sm-4 themed-grid-col">.col-6 .col-sm-4</div> + <div class="col-6 col-sm-4 themed-grid-col">.col-6 .col-sm-4</div> + </div> + +</div> + +<div class="container" id="containers"> + <h2 class="mt-4">Containers</h2> + <p>Additional classes added in Bootstrap v4.4 allow containers that are 100% wide until a particular breakpoint.</p> +</div> + +<div class="container themed-container">.container</div> +<div class="container-sm themed-container">.container-sm</div> +<div class="container-md themed-container">.container-md</div> +<div class="container-lg themed-container">.container-lg</div> +<div class="container-xl themed-container">.container-xl</div> +<div class="container-fluid themed-container">.container-fluid</div> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/jumbotron/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/jumbotron/index.html new file mode 100644 index 000000000..ff311a5a4 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/jumbotron/index.html @@ -0,0 +1,80 @@ +--- +layout: examples +title: Jumbotron Template +extra_css: + - "jumbotron.css" +--- + +<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"> + <a class="navbar-brand" href="#">Navbar</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarsExampleDefault"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown01"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + <form class="form-inline my-2 my-lg-0"> + <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"> + <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> + </form> + </div> +</nav> + +<main role="main"> + + <!-- Main jumbotron for a primary marketing message or call to action --> + <div class="jumbotron"> + <div class="container"> + <h1 class="display-3">Hello, world!</h1> + <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p> + <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more »</a></p> + </div> + </div> + + <div class="container"> + <!-- Example row of columns --> + <div class="row"> + <div class="col-md-4"> + <h2>Heading</h2> + <p>Will you do the same for me? It's time to face the music I'm no longer your muse. Heard it's beautiful, be the judge and my girls gonna take a vote. I can feel a phoenix inside of me. Heaven is jealous of our love, angels are crying from up above. Yeah, you take me to utopia.</p> + <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p> + </div> + <div class="col-md-4"> + <h2>Heading</h2> + <p>Standing on the frontline when the bombs start to fall. Heaven is jealous of our love, angels are crying from up above. Can't replace you with a million rings. Boy, when you're with me I'll give you a taste. There’s no going back. Before you met me I was alright but things were kinda heavy. Heavy is the head that wears the crown.</p> + <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p> + </div> + <div class="col-md-4"> + <h2>Heading</h2> + <p>Playing ping pong all night long, everything's all neon and hazy. Yeah, she's so in demand. She's sweet as pie but if you break her heart. But down to earth. It's time to face the music I'm no longer your muse. I guess that I forgot I had a choice.</p> + <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p> + </div> + </div> + + <hr> + + </div> <!-- /container --> + +</main> + +<footer class="container"> + <p>© Company 2017-{{< year >}}</p> +</footer> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/jumbotron/jumbotron.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/jumbotron/jumbotron.css new file mode 100644 index 000000000..d751264ef --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/jumbotron/jumbotron.css @@ -0,0 +1,4 @@ +/* Move down content because we have a fixed navbar that is 3.5rem tall */ +body { + padding-top: 3.5rem; +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-bottom/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-bottom/index.html new file mode 100644 index 000000000..8364303ea --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-bottom/index.html @@ -0,0 +1,39 @@ +--- +layout: examples +title: Bottom navbar example +--- + +<div class="container"> + <div class="jumbotron mt-3"> + <h1>Bottom Navbar example</h1> + <p class="lead">This example is a quick exercise to illustrate how the bottom navbar works.</p> + <a class="btn btn-lg btn-primary" href="{{< docsref "/components/navbar" >}}" role="button">View navbar docs »</a> + </div> +</div> +<nav class="navbar fixed-bottom navbar-expand-sm navbar-dark bg-dark"> + <a class="navbar-brand" href="#">Bottom navbar</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarCollapse"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + <li class="nav-item dropup"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown10" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropup</a> + <div class="dropdown-menu" aria-labelledby="dropdown10"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + </div> +</nav> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-fixed/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-fixed/index.html new file mode 100644 index 000000000..2ab51e348 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-fixed/index.html @@ -0,0 +1,38 @@ +--- +layout: examples +title: Fixed top navbar example +extra_css: + - "navbar-top-fixed.css" +--- + +<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"> + <a class="navbar-brand" href="#">Fixed navbar</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarCollapse"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + </ul> + <form class="form-inline mt-2 mt-md-0"> + <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"> + <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> + </form> + </div> +</nav> + +<main role="main" class="container"> + <div class="jumbotron"> + <h1>Navbar example</h1> + <p class="lead">This example is a quick exercise to illustrate how fixed to top navbar works. As you scroll, it will remain fixed to the top of your browser’s viewport.</p> + <a class="btn btn-lg btn-primary" href="{{< docsref "/components/navbar" >}}" role="button">View navbar docs »</a> + </div> +</main> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-fixed/navbar-top-fixed.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-fixed/navbar-top-fixed.css new file mode 100644 index 000000000..c77c0c147 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-fixed/navbar-top-fixed.css @@ -0,0 +1,5 @@ +/* Show it is fixed to the top */ +body { + min-height: 75rem; + padding-top: 4.5rem; +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-static/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-static/index.html new file mode 100644 index 000000000..f0ee429a7 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-static/index.html @@ -0,0 +1,38 @@ +--- +layout: examples +title: Top navbar example +extra_css: + - "navbar-top.css" +--- + +<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4"> + <a class="navbar-brand" href="#">Top navbar</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarCollapse"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + </ul> + <form class="form-inline mt-2 mt-md-0"> + <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"> + <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> + </form> + </div> +</nav> + +<main role="main" class="container"> + <div class="jumbotron"> + <h1>Navbar example</h1> + <p class="lead">This example is a quick exercise to illustrate how the top-aligned navbar works. As you scroll, this navbar remains in its original position and moves with the rest of the page.</p> + <a class="btn btn-lg btn-primary" href="{{< docsref "/components/navbar" >}}" role="button">View navbar docs »</a> + </div> +</main> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-static/navbar-top.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-static/navbar-top.css new file mode 100644 index 000000000..25bbdde09 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbar-static/navbar-top.css @@ -0,0 +1,4 @@ +/* Show it's not fixed to the top */ +body { + min-height: 75rem; +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbars/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbars/index.html new file mode 100644 index 000000000..db84f1468 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbars/index.html @@ -0,0 +1,362 @@ +--- +layout: examples +title: Navbar Template +extra_css: + - "navbar.css" +--- + +<nav class="navbar navbar-dark bg-dark"> + <a class="navbar-brand" href="#">Never expand</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample01" aria-controls="navbarsExample01" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarsExample01"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown01"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + <form class="form-inline my-2 my-md-0"> + <input class="form-control" type="text" placeholder="Search" aria-label="Search"> + </form> + </div> +</nav> + +<nav class="navbar navbar-expand navbar-dark bg-dark"> + <a class="navbar-brand" href="#">Always expand</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample02" aria-controls="navbarsExample02" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarsExample02"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + </ul> + <form class="form-inline my-2 my-md-0"> + <input class="form-control" type="text" placeholder="Search"> + </form> + </div> +</nav> + +<nav class="navbar navbar-expand-sm navbar-dark bg-dark"> + <a class="navbar-brand" href="#">Expand at sm</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarsExample03"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown03" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown03"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + <form class="form-inline my-2 my-md-0"> + <input class="form-control" type="text" placeholder="Search"> + </form> + </div> +</nav> + +<nav class="navbar navbar-expand-md navbar-dark bg-dark"> + <a class="navbar-brand" href="#">Expand at md</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarsExample04"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown04" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown04"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + <form class="form-inline my-2 my-md-0"> + <input class="form-control" type="text" placeholder="Search"> + </form> + </div> +</nav> + +<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> + <a class="navbar-brand" href="#">Expand at lg</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample05" aria-controls="navbarsExample05" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarsExample05"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown05" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown05"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + <form class="form-inline my-2 my-md-0"> + <input class="form-control" type="text" placeholder="Search"> + </form> + </div> +</nav> + +<nav class="navbar navbar-expand-xl navbar-dark bg-dark"> + <a class="navbar-brand" href="#">Expand at xl</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample06" aria-controls="navbarsExample06" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarsExample06"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown06" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown06"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + <form class="form-inline my-2 my-md-0"> + <input class="form-control" type="text" placeholder="Search"> + </form> + </div> +</nav> + +<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> + <div class="container"> + <a class="navbar-brand" href="#">Container</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample07" aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarsExample07"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown07" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown07"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + <form class="form-inline my-2 my-md-0"> + <input class="form-control" type="text" placeholder="Search" aria-label="Search"> + </form> + </div> + </div> +</nav> + +<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> + <div class="container-xl"> + <a class="navbar-brand" href="#">Container XL</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample07XL" aria-controls="navbarsExample07XL" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarsExample07XL"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown07XL" data-toggle="dropdown" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown07XL"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + <form class="form-inline my-2 my-md-0"> + <input class="form-control" type="text" placeholder="Search" aria-label="Search"> + </form> + </div> + </div> +</nav> + +<div class="container-xl mt-n2 mb-3"> + Matching .container-xl... +</div> + +<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample08" aria-controls="navbarsExample08" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse justify-content-md-center" id="navbarsExample08"> + <ul class="navbar-nav"> + <li class="nav-item active"> + <a class="nav-link" href="#">Centered nav only <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown08" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown08"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + </div> +</nav> + +<div class="container"> + <nav class="navbar navbar-expand-lg navbar-light bg-light rounded"> + <a class="navbar-brand" href="#">Navbar</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample09" aria-controls="navbarsExample09" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarsExample09"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown09" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown09"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + <form class="form-inline my-2 my-md-0"> + <input class="form-control" type="text" placeholder="Search" aria-label="Search"> + </form> + </div> + </nav> + + <nav class="navbar navbar-expand-lg navbar-light bg-light rounded"> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample10" aria-controls="navbarsExample10" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse justify-content-md-center" id="navbarsExample10"> + <ul class="navbar-nav"> + <li class="nav-item active"> + <a class="nav-link" href="#">Centered nav only <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown10" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown10"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + </div> + </nav> + + <main role="main"> + <div class="jumbotron"> + <div class="col-sm-8 mx-auto"> + <h1>Navbar examples</h1> + <p>This example is a quick exercise to illustrate how the navbar and its contents work. Some navbars extend the width of the viewport, others are confined within a <code>.container</code>. For positioning of navbars, checkout the <a href="{{< docsref "/examples/navbar-static" >}}">top</a> and <a href="{{< docsref "/examples/navbar-fixed" >}}">fixed top</a> examples.</p> + <p>At the smallest breakpoint, the collapse plugin is used to hide the links and show a menu button to toggle the collapsed content.</p> + <p> + <a class="btn btn-primary" href="{{< docsref "/components/navbar" >}}" role="button">View navbar docs »</a> + </p> + </div> + </div> + </main> +</div> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbars/navbar.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbars/navbar.css new file mode 100644 index 000000000..70d209409 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/navbars/navbar.css @@ -0,0 +1,7 @@ +body { + padding-bottom: 20px; +} + +.navbar { + margin-bottom: 20px; +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/offcanvas/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/offcanvas/index.html new file mode 100644 index 000000000..e90e429e7 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/offcanvas/index.html @@ -0,0 +1,137 @@ +--- +layout: examples +title: Offcanvas template +extra_css: + - "offcanvas.css" +extra_js: + - "offcanvas.js" +body_class: "bg-light" +--- + +<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark"> + <a class="navbar-brand mr-auto mr-lg-0" href="#">Offcanvas navbar</a> + <button class="navbar-toggler p-0 border-0" type="button" data-toggle="offcanvas"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Dashboard <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Notifications</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Profile</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Switch account</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Settings</a> + <div class="dropdown-menu" aria-labelledby="dropdown01"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + <form class="form-inline my-2 my-lg-0"> + <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"> + <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> + </form> + </div> +</nav> + +<div class="nav-scroller bg-white shadow-sm"> + <nav class="nav nav-underline"> + <a class="nav-link active" href="#">Dashboard</a> + <a class="nav-link" href="#"> + Friends + <span class="badge badge-pill bg-light align-text-bottom">27</span> + </a> + <a class="nav-link" href="#">Explore</a> + <a class="nav-link" href="#">Suggestions</a> + <a class="nav-link" href="#">Link</a> + <a class="nav-link" href="#">Link</a> + <a class="nav-link" href="#">Link</a> + <a class="nav-link" href="#">Link</a> + <a class="nav-link" href="#">Link</a> + </nav> +</div> + +<main role="main" class="container"> + <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded shadow-sm"> + <img class="mr-3" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-outline.svg" alt="" width="48" height="48"> + <div class="lh-100"> + <h6 class="mb-0 text-white lh-100">Bootstrap</h6> + <small>Since 2011</small> + </div> + </div> + + <div class="my-3 p-3 bg-white rounded shadow-sm"> + <h6 class="border-bottom border-gray pb-2 mb-0">Recent updates</h6> + <div class="media text-muted pt-3"> + {{< placeholder width="32" height="32" background="#007bff" color="#007bff" class="mr-2 rounded" >}} + <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray"> + <strong class="d-block text-gray-dark">@username</strong> + Playing ping pong all night long, everything's all neon and hazy. Yeah, she's so in demand. She's sweet as pie but if you break her heart. But down to earth. It's time to face the music I'm no longer your muse. I guess that I forgot I had a choice. + </p> + </div> + <div class="media text-muted pt-3"> + {{< placeholder width="32" height="32" background="#e83e8c" color="#e83e8c" class="mr-2 rounded" >}} + <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray"> + <strong class="d-block text-gray-dark">@username</strong> + Standing on the frontline when the bombs start to fall. Heaven is jealous of our love, angels are crying from up above. Can't replace you with a million rings. Boy, when you're with me I'll give you a taste. There’s no going back. Before you met me I was alright but things were kinda heavy. Heavy is the head that wears the crown. + </p> + </div> + <div class="media text-muted pt-3"> + {{< placeholder width="32" height="32" background="#6f42c1" color="#6f42c1" class="mr-2 rounded" >}} + <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray"> + <strong class="d-block text-gray-dark">@username</strong> + Will you do the same for me? It's time to face the music I'm no longer your muse. Heard it's beautiful, be the judge and my girls gonna take a vote. I can feel a phoenix inside of me. Heaven is jealous of our love, angels are crying from up above. Yeah, you take me to utopia. + </p> + </div> + <small class="d-block text-right mt-3"> + <a href="#">All updates</a> + </small> + </div> + + <div class="my-3 p-3 bg-white rounded shadow-sm"> + <h6 class="border-bottom border-gray pb-2 mb-0">Suggestions</h6> + <div class="media text-muted pt-3"> + {{< placeholder width="32" height="32" background="#007bff" color="#007bff" class="mr-2 rounded" >}} + <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray"> + <div class="d-flex justify-content-between align-items-center w-100"> + <strong class="text-gray-dark">Full Name</strong> + <a href="#">Follow</a> + </div> + <span class="d-block">@username</span> + </div> + </div> + <div class="media text-muted pt-3"> + {{< placeholder width="32" height="32" background="#007bff" color="#007bff" class="mr-2 rounded" >}} + <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray"> + <div class="d-flex justify-content-between align-items-center w-100"> + <strong class="text-gray-dark">Full Name</strong> + <a href="#">Follow</a> + </div> + <span class="d-block">@username</span> + </div> + </div> + <div class="media text-muted pt-3"> + {{< placeholder width="32" height="32" background="#007bff" color="#007bff" class="mr-2 rounded" >}} + <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray"> + <div class="d-flex justify-content-between align-items-center w-100"> + <strong class="text-gray-dark">Full Name</strong> + <a href="#">Follow</a> + </div> + <span class="d-block">@username</span> + </div> + </div> + <small class="d-block text-right mt-3"> + <a href="#">All suggestions</a> + </small> + </div> +</main> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/offcanvas/offcanvas.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/offcanvas/offcanvas.css new file mode 100644 index 000000000..9c78f02e5 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/offcanvas/offcanvas.css @@ -0,0 +1,76 @@ +html, +body { + overflow-x: hidden; /* Prevent scroll on narrow devices */ +} + +body { + padding-top: 56px; +} + +@media (max-width: 991.98px) { + .offcanvas-collapse { + position: fixed; + top: 56px; /* Height of navbar */ + bottom: 0; + left: 100%; + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + overflow-y: auto; + visibility: hidden; + background-color: #343a40; + transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; + transition: transform .3s ease-in-out, visibility .3s ease-in-out; + transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; + } + .offcanvas-collapse.open { + visibility: visible; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} + +.nav-scroller { + position: relative; + z-index: 2; + height: 2.75rem; + overflow-y: hidden; +} + +.nav-scroller .nav { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + padding-bottom: 1rem; + margin-top: -1px; + overflow-x: auto; + color: rgba(255, 255, 255, .75); + text-align: center; + white-space: nowrap; + -webkit-overflow-scrolling: touch; +} + +.nav-underline .nav-link { + padding-top: .75rem; + padding-bottom: .75rem; + font-size: .875rem; + color: #6c757d; +} + +.nav-underline .nav-link:hover { + color: #007bff; +} + +.nav-underline .active { + font-weight: 500; + color: #343a40; +} + +.text-white-50 { color: rgba(255, 255, 255, .5); } + +.bg-purple { background-color: #6f42c1; } + +.lh-100 { line-height: 1; } +.lh-125 { line-height: 1.25; } +.lh-150 { line-height: 1.5; } diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/offcanvas/offcanvas.js b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/offcanvas/offcanvas.js new file mode 100644 index 000000000..bc3e46711 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/offcanvas/offcanvas.js @@ -0,0 +1,7 @@ +$(function () { + 'use strict' + + $('[data-toggle="offcanvas"]').on('click', function () { + $('.offcanvas-collapse').toggleClass('open') + }) +}) diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/pricing/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/pricing/index.html new file mode 100644 index 000000000..5cd295a80 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/pricing/index.html @@ -0,0 +1,111 @@ +--- +layout: examples +title: Pricing example +extra_css: + - "pricing.css" +include_js: false +--- + +<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm"> + <h5 class="my-0 mr-md-auto font-weight-normal">Company name</h5> + <nav class="my-2 my-md-0 mr-md-3"> + <a class="p-2 text-dark" href="#">Features</a> + <a class="p-2 text-dark" href="#">Enterprise</a> + <a class="p-2 text-dark" href="#">Support</a> + <a class="p-2 text-dark" href="#">Pricing</a> + </nav> + <a class="btn btn-outline-primary" href="#">Sign up</a> +</div> + +<div class="pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center"> + <h1 class="display-4">Pricing</h1> + <p class="lead">Quickly build an effective pricing table for your potential customers with this Bootstrap example. It’s built with default Bootstrap components and utilities with little customization.</p> +</div> + +<div class="container"> + <div class="card-deck mb-3 text-center"> + <div class="card mb-4 shadow-sm"> + <div class="card-header"> + <h4 class="my-0 font-weight-normal">Free</h4> + </div> + <div class="card-body"> + <h1 class="card-title pricing-card-title">$0 <small class="text-muted">/ mo</small></h1> + <ul class="list-unstyled mt-3 mb-4"> + <li>10 users included</li> + <li>2 GB of storage</li> + <li>Email support</li> + <li>Help center access</li> + </ul> + <button type="button" class="btn btn-lg btn-block btn-outline-primary">Sign up for free</button> + </div> + </div> + <div class="card mb-4 shadow-sm"> + <div class="card-header"> + <h4 class="my-0 font-weight-normal">Pro</h4> + </div> + <div class="card-body"> + <h1 class="card-title pricing-card-title">$15 <small class="text-muted">/ mo</small></h1> + <ul class="list-unstyled mt-3 mb-4"> + <li>20 users included</li> + <li>10 GB of storage</li> + <li>Priority email support</li> + <li>Help center access</li> + </ul> + <button type="button" class="btn btn-lg btn-block btn-primary">Get started</button> + </div> + </div> + <div class="card mb-4 shadow-sm"> + <div class="card-header"> + <h4 class="my-0 font-weight-normal">Enterprise</h4> + </div> + <div class="card-body"> + <h1 class="card-title pricing-card-title">$29 <small class="text-muted">/ mo</small></h1> + <ul class="list-unstyled mt-3 mb-4"> + <li>30 users included</li> + <li>15 GB of storage</li> + <li>Phone and email support</li> + <li>Help center access</li> + </ul> + <button type="button" class="btn btn-lg btn-block btn-primary">Contact us</button> + </div> + </div> + </div> + + <footer class="pt-4 my-md-5 pt-md-5 border-top"> + <div class="row"> + <div class="col-12 col-md"> + <img class="mb-2" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-solid.svg" alt="" width="24" height="24"> + <small class="d-block mb-3 text-muted">© 2017-{{< year >}}</small> + </div> + <div class="col-6 col-md"> + <h5>Features</h5> + <ul class="list-unstyled text-small"> + <li><a class="text-muted" href="#">Cool stuff</a></li> + <li><a class="text-muted" href="#">Random feature</a></li> + <li><a class="text-muted" href="#">Team feature</a></li> + <li><a class="text-muted" href="#">Stuff for developers</a></li> + <li><a class="text-muted" href="#">Another one</a></li> + <li><a class="text-muted" href="#">Last time</a></li> + </ul> + </div> + <div class="col-6 col-md"> + <h5>Resources</h5> + <ul class="list-unstyled text-small"> + <li><a class="text-muted" href="#">Resource</a></li> + <li><a class="text-muted" href="#">Resource name</a></li> + <li><a class="text-muted" href="#">Another resource</a></li> + <li><a class="text-muted" href="#">Final resource</a></li> + </ul> + </div> + <div class="col-6 col-md"> + <h5>About</h5> + <ul class="list-unstyled text-small"> + <li><a class="text-muted" href="#">Team</a></li> + <li><a class="text-muted" href="#">Locations</a></li> + <li><a class="text-muted" href="#">Privacy</a></li> + <li><a class="text-muted" href="#">Terms</a></li> + </ul> + </div> + </div> + </footer> +</div> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/pricing/pricing.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/pricing/pricing.css new file mode 100644 index 000000000..cbf0ec013 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/pricing/pricing.css @@ -0,0 +1,20 @@ +html { + font-size: 14px; +} +@media (min-width: 768px) { + html { + font-size: 16px; + } +} + +.container { + max-width: 960px; +} + +.pricing-header { + max-width: 700px; +} + +.card-deck .card { + min-width: 220px; +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/product/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/product/index.html new file mode 100644 index 000000000..53aff6621 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/product/index.html @@ -0,0 +1,146 @@ +--- +layout: examples +title: Product example +extra_css: + - "product.css" +--- + +<nav class="site-header sticky-top py-1"> + <div class="container d-flex flex-column flex-md-row justify-content-between"> + <a class="py-2" href="#" aria-label="Product"> + <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="d-block mx-auto" role="img" viewBox="0 0 24 24" focusable="false"><title>Product</title><circle cx="12" cy="12" r="10"/><path d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94"/></svg> + </a> + <a class="py-2 d-none d-md-inline-block" href="#">Tour</a> + <a class="py-2 d-none d-md-inline-block" href="#">Product</a> + <a class="py-2 d-none d-md-inline-block" href="#">Features</a> + <a class="py-2 d-none d-md-inline-block" href="#">Enterprise</a> + <a class="py-2 d-none d-md-inline-block" href="#">Support</a> + <a class="py-2 d-none d-md-inline-block" href="#">Pricing</a> + <a class="py-2 d-none d-md-inline-block" href="#">Cart</a> + </div> +</nav> + +<div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light"> + <div class="col-md-5 p-lg-5 mx-auto my-5"> + <h1 class="display-4 font-weight-normal">Punny headline</h1> + <p class="lead font-weight-normal">And an even wittier subheading to boot. Jumpstart your marketing efforts with this example based on Apple’s marketing pages.</p> + <a class="btn btn-outline-secondary" href="#">Coming soon</a> + </div> + <div class="product-device shadow-sm d-none d-md-block"></div> + <div class="product-device product-device-2 shadow-sm d-none d-md-block"></div> +</div> + +<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3"> + <div class="bg-dark mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden"> + <div class="my-3 py-3"> + <h2 class="display-5">Another headline</h2> + <p class="lead">And an even wittier subheading.</p> + </div> + <div class="bg-light shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div> + </div> + <div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> + <div class="my-3 p-3"> + <h2 class="display-5">Another headline</h2> + <p class="lead">And an even wittier subheading.</p> + </div> + <div class="bg-dark shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div> + </div> +</div> + +<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3"> + <div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> + <div class="my-3 p-3"> + <h2 class="display-5">Another headline</h2> + <p class="lead">And an even wittier subheading.</p> + </div> + <div class="bg-dark shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div> + </div> + <div class="bg-primary mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden"> + <div class="my-3 py-3"> + <h2 class="display-5">Another headline</h2> + <p class="lead">And an even wittier subheading.</p> + </div> + <div class="bg-light shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div> + </div> +</div> + +<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3"> + <div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> + <div class="my-3 p-3"> + <h2 class="display-5">Another headline</h2> + <p class="lead">And an even wittier subheading.</p> + </div> + <div class="bg-white shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div> + </div> + <div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> + <div class="my-3 py-3"> + <h2 class="display-5">Another headline</h2> + <p class="lead">And an even wittier subheading.</p> + </div> + <div class="bg-white shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div> + </div> +</div> + +<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3"> + <div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> + <div class="my-3 p-3"> + <h2 class="display-5">Another headline</h2> + <p class="lead">And an even wittier subheading.</p> + </div> + <div class="bg-white shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div> + </div> + <div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden"> + <div class="my-3 py-3"> + <h2 class="display-5">Another headline</h2> + <p class="lead">And an even wittier subheading.</p> + </div> + <div class="bg-white shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div> + </div> +</div> + +<footer class="container py-5"> + <div class="row"> + <div class="col-12 col-md"> + <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="d-block mb-2" role="img" viewBox="0 0 24 24" focusable="false"><title>Product</title><circle cx="12" cy="12" r="10"/><path d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94"/></svg> + <small class="d-block mb-3 text-muted">© 2017-{{< year >}}</small> + </div> + <div class="col-6 col-md"> + <h5>Features</h5> + <ul class="list-unstyled text-small"> + <li><a class="text-muted" href="#">Cool stuff</a></li> + <li><a class="text-muted" href="#">Random feature</a></li> + <li><a class="text-muted" href="#">Team feature</a></li> + <li><a class="text-muted" href="#">Stuff for developers</a></li> + <li><a class="text-muted" href="#">Another one</a></li> + <li><a class="text-muted" href="#">Last time</a></li> + </ul> + </div> + <div class="col-6 col-md"> + <h5>Resources</h5> + <ul class="list-unstyled text-small"> + <li><a class="text-muted" href="#">Resource</a></li> + <li><a class="text-muted" href="#">Resource name</a></li> + <li><a class="text-muted" href="#">Another resource</a></li> + <li><a class="text-muted" href="#">Final resource</a></li> + </ul> + </div> + <div class="col-6 col-md"> + <h5>Resources</h5> + <ul class="list-unstyled text-small"> + <li><a class="text-muted" href="#">Business</a></li> + <li><a class="text-muted" href="#">Education</a></li> + <li><a class="text-muted" href="#">Government</a></li> + <li><a class="text-muted" href="#">Gaming</a></li> + </ul> + </div> + <div class="col-6 col-md"> + <h5>About</h5> + <ul class="list-unstyled text-small"> + <li><a class="text-muted" href="#">Team</a></li> + <li><a class="text-muted" href="#">Locations</a></li> + <li><a class="text-muted" href="#">Privacy</a></li> + <li><a class="text-muted" href="#">Terms</a></li> + </ul> + </div> + </div> +</footer> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/product/product.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/product/product.css new file mode 100644 index 000000000..4db2864fc --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/product/product.css @@ -0,0 +1,74 @@ +.container { + max-width: 960px; +} + +/* + * Custom translucent site header + */ + +.site-header { + background-color: rgba(0, 0, 0, .85); + -webkit-backdrop-filter: saturate(180%) blur(20px); + backdrop-filter: saturate(180%) blur(20px); +} +.site-header a { + color: #999; + transition: ease-in-out color .15s; +} +.site-header a:hover { + color: #fff; + text-decoration: none; +} + +/* + * Dummy devices (replace them with your own or something else entirely!) + */ + +.product-device { + position: absolute; + right: 10%; + bottom: -30%; + width: 300px; + height: 540px; + background-color: #333; + border-radius: 21px; + -webkit-transform: rotate(30deg); + transform: rotate(30deg); +} + +.product-device::before { + position: absolute; + top: 10%; + right: 10px; + bottom: 10%; + left: 10px; + content: ""; + background-color: rgba(255, 255, 255, .1); + border-radius: 5px; +} + +.product-device-2 { + top: -25%; + right: auto; + bottom: 0; + left: 5%; + background-color: #e5e5e5; +} + + +/* + * Extra utilities + */ + +.flex-equal > * { + -ms-flex: 1; + flex: 1; +} +@media (min-width: 768px) { + .flex-md-equal > * { + -ms-flex: 1; + flex: 1; + } +} + +.overflow-hidden { overflow: hidden; } diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sign-in/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sign-in/index.html new file mode 100644 index 000000000..c49ad12b0 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sign-in/index.html @@ -0,0 +1,24 @@ +--- +layout: examples +title: Signin Template +extra_css: + - "signin.css" +body_class: "text-center" +include_js: false +--- + +<form class="form-signin"> + <img class="mb-4" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72"> + <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1> + <label for="inputEmail" class="sr-only">Email address</label> + <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus> + <label for="inputPassword" class="sr-only">Password</label> + <input type="password" id="inputPassword" class="form-control" placeholder="Password" required> + <div class="checkbox mb-3"> + <label> + <input type="checkbox" value="remember-me"> Remember me + </label> + </div> + <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> + <p class="mt-5 mb-3 text-muted">© 2017-{{< year >}}</p> +</form> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sign-in/signin.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sign-in/signin.css new file mode 100644 index 000000000..90cc93e5b --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sign-in/signin.css @@ -0,0 +1,44 @@ +html, +body { + height: 100%; +} + +body { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-top: 40px; + padding-bottom: 40px; + background-color: #f5f5f5; +} + +.form-signin { + width: 100%; + max-width: 330px; + padding: 15px; + margin: auto; +} +.form-signin .checkbox { + font-weight: 400; +} +.form-signin .form-control { + position: relative; + box-sizing: border-box; + height: auto; + padding: 10px; + font-size: 16px; +} +.form-signin .form-control:focus { + z-index: 2; +} +.form-signin input[type="email"] { + margin-bottom: -1px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.form-signin input[type="password"] { + margin-bottom: 10px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/starter-template/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/starter-template/index.html new file mode 100644 index 000000000..568891437 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/starter-template/index.html @@ -0,0 +1,48 @@ +--- +layout: examples +title: Starter Template +extra_css: + - "starter-template.css" +--- + +<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top"> + <a class="navbar-brand" href="#">Navbar</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarsExampleDefault"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown01"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + <form class="form-inline my-2 my-lg-0"> + <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"> + <button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button> + </form> + </div> +</nav> + +<main role="main" class="container"> + + <div class="starter-template"> + <h1>Bootstrap starter template</h1> + <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p> + </div> + +</main><!-- /.container --> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/starter-template/starter-template.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/starter-template/starter-template.css new file mode 100644 index 000000000..5f64cd294 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/starter-template/starter-template.css @@ -0,0 +1,7 @@ +body { + padding-top: 5rem; +} +.starter-template { + padding: 3rem 1.5rem; + text-align: center; +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sticky-footer-navbar/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sticky-footer-navbar/index.html new file mode 100644 index 000000000..2d412a587 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sticky-footer-navbar/index.html @@ -0,0 +1,50 @@ +--- +layout: examples +title: Sticky Footer Navbar Template +extra_css: + - "sticky-footer-navbar.css" +html_class: "h-100" +body_class: "d-flex flex-column h-100" +--- + +<header> + <!-- Fixed navbar --> + <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"> + <a class="navbar-brand" href="#">Fixed navbar</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarCollapse"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> + </li> + </ul> + <form class="form-inline mt-2 mt-md-0"> + <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"> + <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> + </form> + </div> + </nav> +</header> + +<!-- Begin page content --> +<main role="main" class="flex-shrink-0"> + <div class="container"> + <h1 class="mt-5">Sticky footer with fixed navbar</h1> + <p class="lead">Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with <code>padding-top: 60px;</code> on the <code>main > .container</code>.</p> + <p>Back to <a href="{{< docsref "/examples/sticky-footer" >}}">the default sticky footer</a> minus the navbar.</p> + </div> +</main> + +<footer class="footer mt-auto py-3"> + <div class="container"> + <span class="text-muted">Place sticky footer content here.</span> + </div> +</footer> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sticky-footer-navbar/sticky-footer-navbar.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sticky-footer-navbar/sticky-footer-navbar.css new file mode 100644 index 000000000..b4696dab6 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sticky-footer-navbar/sticky-footer-navbar.css @@ -0,0 +1,20 @@ +/* Custom page CSS +-------------------------------------------------- */ +/* Not required for template or sticky footer method. */ + +main > .container { + padding: 60px 15px 0; +} + +.footer { + background-color: #f5f5f5; +} + +.footer > .container { + padding-right: 15px; + padding-left: 15px; +} + +code { + font-size: 80%; +} diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sticky-footer/index.html b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sticky-footer/index.html new file mode 100644 index 000000000..441e49942 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sticky-footer/index.html @@ -0,0 +1,24 @@ +--- +layout: examples +title: Sticky Footer Template +extra_css: + - "sticky-footer.css" +html_class: "h-100" +body_class: "d-flex flex-column h-100" +include_js: false +--- + +<!-- Begin page content --> +<main role="main" class="flex-shrink-0"> + <div class="container"> + <h1 class="mt-5">Sticky footer</h1> + <p class="lead">Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.</p> + <p>Use <a href="{{< docsref "/examples/sticky-footer-navbar" >}}">the sticky footer with a fixed navbar</a> if need be, too.</p> + </div> +</main> + +<footer class="footer mt-auto py-3"> + <div class="container"> + <span class="text-muted">Place sticky footer content here.</span> + </div> +</footer> diff --git a/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sticky-footer/sticky-footer.css b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sticky-footer/sticky-footer.css new file mode 100644 index 000000000..7e85cdd2a --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/4.6/examples/sticky-footer/sticky-footer.css @@ -0,0 +1,13 @@ +/* Custom page CSS +-------------------------------------------------- */ +/* Not required for template or sticky footer method. */ + +.container { + width: auto; + max-width: 680px; + padding: 0 15px; +} + +.footer { + background-color: #f5f5f5; +} |