mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-05 16:42:29 +03:00
Merge branch 'v4-dev' into v4-utils
This commit is contained in:
@@ -37,9 +37,7 @@
|
||||
</div>
|
||||
<div class="navbar navbar-static-top navbar-dark bg-inverse">
|
||||
<div class="container-fluid">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-header">
|
||||
☰
|
||||
</button>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="Toggle navigation"></button>
|
||||
<a href="#" class="navbar-brand">Album</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -148,7 +148,7 @@
|
||||
</div><!-- /.container -->
|
||||
|
||||
<footer class="blog-footer">
|
||||
<p>Blog template built for <a href="http://getbootstrap.com">Bootstrap</a> by <a href="https://twitter.com/mdo">@mdo</a>.</p>
|
||||
<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>
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
|
||||
<div class="mastfoot">
|
||||
<div class="inner">
|
||||
<p>Cover template for <a href="http://getbootstrap.com">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p>
|
||||
<p>Cover template for <a href="https://getbootstrap.com">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -21,12 +21,7 @@
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-dark navbar-fixed-top bg-inverse">
|
||||
<button type="button" class="navbar-toggler hidden-sm-up" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<button type="button" class="navbar-toggler hidden-sm-up" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" aria-label="Toggle navigation"></button>
|
||||
<a class="navbar-brand" href="#">Project name</a>
|
||||
<div id="navbar">
|
||||
<nav class="nav navbar-nav float-xs-left">
|
||||
|
||||
@@ -135,7 +135,7 @@
|
||||
<hr>
|
||||
|
||||
<h3>Column clearing</h3>
|
||||
<p><a href="http://getbootstrap.com/css/#grid-responsive-resets">Clear floats</a> at specific breakpoints to prevent awkward wrapping with uneven content.</p>
|
||||
<p><a href="https://getbootstrap.com/css/#grid-responsive-resets">Clear floats</a> at specific breakpoints to prevent awkward wrapping with uneven content.</p>
|
||||
<div class="row">
|
||||
<div class="col-xs-6 col-sm-3">
|
||||
.col-xs-6 .col-sm-3
|
||||
|
||||
@@ -24,7 +24,7 @@ Examples that focus on implementing uses of built-in components provided by Boot
|
||||
<h4>Grids</h4>
|
||||
<p>Multiple examples of grid layouts with all four tiers, nesting, and more.</p>
|
||||
</div>
|
||||
<div class="clearfix hidden-sm-up"></div>
|
||||
<div class="clearfix hidden-md-up"></div>
|
||||
|
||||
<div class="col-xs-6 col-md-4">
|
||||
<a href="{{ site.baseurl }}/examples/jumbotron/">
|
||||
@@ -61,7 +61,7 @@ Taking the default navbar component and showing how it can be moved, placed, and
|
||||
<h4>Static top navbar</h4>
|
||||
<p>Super basic template with a static top navbar along with some additional content.</p>
|
||||
</div>
|
||||
<div class="clearfix hidden-sm-up"></div>
|
||||
<div class="clearfix hidden-md-up"></div>
|
||||
|
||||
<div class="col-xs-6 col-md-4">
|
||||
<a href="{{ site.baseurl }}/examples/navbar-top-fixed/">
|
||||
@@ -91,7 +91,7 @@ Brand new components and templates to help folks quickly get started with Bootst
|
||||
<h4>Cover</h4>
|
||||
<p>A one-page template for building simple and beautiful home pages.</p>
|
||||
</div>
|
||||
<div class="clearfix hidden-sm-up"></div>
|
||||
<div class="clearfix hidden-md-up"></div>
|
||||
|
||||
<div class="col-xs-6 col-md-4">
|
||||
<a href="{{ site.baseurl }}/examples/carousel/">
|
||||
@@ -107,7 +107,7 @@ Brand new components and templates to help folks quickly get started with Bootst
|
||||
<h4>Blog</h4>
|
||||
<p>Simple two-column blog layout with custom navigation, header, and type.</p>
|
||||
</div>
|
||||
<div class="clearfix hidden-sm-up"></div>
|
||||
<div class="clearfix hidden-md-up"></div>
|
||||
|
||||
<div class="col-xs-6 col-md-4">
|
||||
<a href="{{ site.baseurl }}/examples/dashboard/">
|
||||
@@ -123,14 +123,14 @@ Brand new components and templates to help folks quickly get started with Bootst
|
||||
<h4>Sign-in page</h4>
|
||||
<p>Custom form layout and design for a simple sign in form.</p>
|
||||
</div>
|
||||
<div class="clearfix hidden-sm-up"></div>
|
||||
<div class="clearfix hidden-md-up"></div>
|
||||
|
||||
<div class="col-xs-6 col-md-4">
|
||||
<a href="{{ site.baseurl }}/examples/justified-nav/">
|
||||
<img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/justified-nav.jpg" alt="">
|
||||
</a>
|
||||
<h4>Justified nav</h4>
|
||||
<p>Create a custom navbar with justified links. Heads up! <a href="{{ site.baseurl }}components/#nav-justified">Not too Safari friendly.</a></p>
|
||||
<p>Create a custom navbar with justified links. Heads up! Not too Safari friendly.</p>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4">
|
||||
<a href="{{ site.baseurl }}/examples/sticky-footer/">
|
||||
@@ -139,7 +139,7 @@ Brand new components and templates to help folks quickly get started with Bootst
|
||||
<h4>Sticky footer</h4>
|
||||
<p>Attach a footer to the bottom of the viewport when the content is shorter than it.</p>
|
||||
</div>
|
||||
<div class="clearfix hidden-sm-up"></div>
|
||||
<div class="clearfix hidden-md-up"></div>
|
||||
|
||||
<div class="col-xs-6 col-md-4">
|
||||
<a href="{{ site.baseurl }}/examples/sticky-footer-navbar/">
|
||||
|
||||
@@ -27,9 +27,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="navbar navbar-light bg-faded navbar-static-top">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-header">
|
||||
☰
|
||||
</button>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="Toggle navigation"></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -37,7 +35,7 @@
|
||||
<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="../../components/#navbar" role="button">View navbar docs »</a>
|
||||
<a class="btn btn-lg btn-primary" href="../../components/navbar/" role="button">View navbar docs »</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -26,16 +26,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="navbar navbar-light bg-faded navbar-static-top m-b-1">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-header">
|
||||
☰
|
||||
</button>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="Toggle navigation"></button>
|
||||
</div>
|
||||
|
||||
<div 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="../../components/#navbar" role="button">View navbar docs »</a>
|
||||
<a class="btn btn-lg btn-primary" href="../../components/navbar/" role="button">View navbar docs »</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -22,9 +22,7 @@
|
||||
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-light bg-faded">
|
||||
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header">
|
||||
☰
|
||||
</button>
|
||||
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="Toggle navigation"></button>
|
||||
<div class="collapse navbar-toggleable-xs" id="navbar-header">
|
||||
<a class="navbar-brand" href="#">Navbar</a>
|
||||
<ul class="nav navbar-nav">
|
||||
@@ -54,7 +52,7 @@
|
||||
<p>This example is a quick exercise to illustrate how the default responsive navbar works. It's placed within a <code>.container</code> to limit its width and will scroll with the rest of the page's content.</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-lg btn-primary" href="../../components/navbar" role="button">View navbar docs »</a>
|
||||
<a class="btn btn-lg btn-primary" href="../../components/navbar/" role="button">View navbar docs »</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -30,9 +30,7 @@
|
||||
</div>
|
||||
<nav class="navbar navbar-light navbar-static-top bg-faded">
|
||||
<div class="container">
|
||||
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2">
|
||||
☰
|
||||
</button>
|
||||
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2" aria-expanded="false" aria-controls="exCollapsingNavbar2" aria-label="Toggle navigation"></button>
|
||||
<div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">
|
||||
<a class="navbar-brand" href="#">Sticky footer</a>
|
||||
<ul class="nav navbar-nav">
|
||||
|
||||
Reference in New Issue
Block a user