1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-01 17:32:41 +02:00

update instances of old classes in the docs

This commit is contained in:
Mark Otto
2017-03-03 12:59:14 -08:00
committed by Mark Otto
parent 4778190d78
commit c6fdac9415
6 changed files with 8 additions and 8 deletions

View File

@@ -1,4 +1,4 @@
<form class="bd-search hidden-sm-down"> <form class="bd-search d-none d-sm-block">
<input type="search" class="form-control" id="search-input" placeholder="Search..." aria-label="Search for..." autocomplete="off"> <input type="search" class="form-control" id="search-input" placeholder="Search..." aria-label="Search for..." autocomplete="off">
<div class="dropdown-menu bd-search-results" id="search-results"></div> <div class="dropdown-menu bd-search-results" id="search-results"></div>
</form> </form>

View File

@@ -25,7 +25,7 @@
</nav> </nav>
{% endcomment %} {% endcomment %}
<div class="d-flex justify-content-between hidden-lg-up"> <div class="d-flex justify-content-between d-lg-none">
<a class="navbar-brand" href="{{ site.baseurl }}/"> <a class="navbar-brand" href="{{ site.baseurl }}/">
Bootstrap Bootstrap
</a> </a>

View File

@@ -18,7 +18,7 @@
<body> <body>
<nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse"> <nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
<button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler navbar-toggler-right d-lg-none" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<a class="navbar-brand" href="#">Dashboard</a> <a class="navbar-brand" href="#">Dashboard</a>
@@ -47,7 +47,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<nav class="col-sm-3 col-md-2 hidden-xs-down bg-faded sidebar"> <nav class="col-sm-3 col-md-2 d-none d-sm-block bg-faded sidebar">
<ul class="nav nav-pills flex-column"> <ul class="nav nav-pills flex-column">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="#">Overview <span class="sr-only">(current)</span></a> <a class="nav-link active" href="#">Overview <span class="sr-only">(current)</span></a>

View File

@@ -143,7 +143,7 @@
<div class="col-6 col-sm-3">.col-6 .col-sm-3</div> <div class="col-6 col-sm-3">.col-6 .col-sm-3</div>
<!-- Add the extra clearfix for only the required viewport --> <!-- Add the extra clearfix for only the required viewport -->
<div class="clearfix hidden-sm-up"></div> <div class="clearfix d-sm-none"></div>
<div class="col-6 col-sm-3">.col-6 .col-sm-3</div> <div class="col-6 col-sm-3">.col-6 .col-sm-3</div>
<div class="col-6 col-sm-3">.col-6 .col-sm-3</div> <div class="col-6 col-sm-3">.col-6 .col-sm-3</div>

View File

@@ -56,7 +56,7 @@
<div class="row row-offcanvas row-offcanvas-right"> <div class="row row-offcanvas row-offcanvas-right">
<div class="col-12 col-md-9"> <div class="col-12 col-md-9">
<p class="float-right hidden-md-up"> <p class="float-right d-md-none">
<button type="button" class="btn btn-primary btn-sm" data-toggle="offcanvas">Toggle nav</button> <button type="button" class="btn btn-primary btn-sm" data-toggle="offcanvas">Toggle nav</button>
</p> </p>
<div class="jumbotron"> <div class="jumbotron">

View File

@@ -471,7 +471,7 @@ If more than 12 columns are placed within a single row, each group of extra colu
### Column resets ### Column resets
With the handful of grid tiers available, you're bound to run into issues where, at certain breakpoints, your columns don't clear quite right as one is taller than the other. To fix that, use a combination of a `.clearfix` and our [responsive utility classes]({{ site.baseurl }}/layout/responsive-utilities/). With the handful of grid tiers available, you're bound to run into issues where, at certain breakpoints, your columns don't clear quite right as one is taller than the other. To fix that, use a combination of a `.clearfix` and our [responsive display utilities]({{ site.baseurl }}/utilities/display/).
<div class="bd-example-row"> <div class="bd-example-row">
{% example html %} {% example html %}
@@ -480,7 +480,7 @@ With the handful of grid tiers available, you're bound to run into issues where,
<div class="col-6 col-sm-3">.col-6 .col-sm-3</div> <div class="col-6 col-sm-3">.col-6 .col-sm-3</div>
<!-- Add the extra clearfix for only the required viewport --> <!-- Add the extra clearfix for only the required viewport -->
<div class="clearfix hidden-sm-up"></div> <div class="clearfix d-none d-sm-block"></div>
<div class="col-6 col-sm-3">.col-6 .col-sm-3</div> <div class="col-6 col-sm-3">.col-6 .col-sm-3</div>
<div class="col-6 col-sm-3">.col-6 .col-sm-3</div> <div class="col-6 col-sm-3">.col-6 .col-sm-3</div>