]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
update instances of old classes in the docs
authorMark Otto <markdotto@gmail.com>
Fri, 3 Mar 2017 20:59:14 +0000 (12:59 -0800)
committerMark Otto <markd.otto@gmail.com>
Sun, 5 Mar 2017 20:25:41 +0000 (12:25 -0800)
docs/_includes/nav-docs.html
docs/_includes/nav-home.html
docs/examples/dashboard/index.html
docs/examples/grid/index.html
docs/examples/offcanvas/index.html
docs/layout/grid.md

index 94d46537d65918cc8af996385ded874b21318093..89ca747a9b367607d9b76afecf5764464cf7bbf3 100644 (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">
   <div class="dropdown-menu bd-search-results" id="search-results"></div>
 </form>
index 3ba8520e0420efea86368b7208a543c42367352c..513a34bdcc523ee0fd45149faa4dc1e92a9a6584 100644 (file)
@@ -25,7 +25,7 @@
     </nav>
     {% 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 }}/">
         Bootstrap
       </a>
index b346926c751ea73b6be69637d24fa82e742665a4..671675c9fa5f5a73f352685fd6b8d7f4777db3c8 100644 (file)
@@ -18,7 +18,7 @@
 
   <body>
     <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>
       </button>
       <a class="navbar-brand" href="#">Dashboard</a>
@@ -47,7 +47,7 @@
 
     <div class="container-fluid">
       <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">
             <li class="nav-item">
               <a class="nav-link active" href="#">Overview <span class="sr-only">(current)</span></a>
index 4779ebcea158e78fb28620ae42bd1ebb55e51c4a..783eee35d2b739042e56e2079d84f2fc654f17d4 100644 (file)
         <div class="col-6 col-sm-3">.col-6 .col-sm-3</div>
 
         <!-- 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>
index e5da0f6a02b18c0647206e25993141e8c6aad398..24b161ed53d9e980bc47a17a124d16702bd4bc0e 100644 (file)
@@ -56,7 +56,7 @@
       <div class="row row-offcanvas row-offcanvas-right">
 
         <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>
           </p>
           <div class="jumbotron">
index 31d1f9a81f7214be2bdb0b3e9160127277801ecf..738eafe62bbaff37e95e682b81b0f46ceb9b7473 100644 (file)
@@ -471,7 +471,7 @@ If more than 12 columns are placed within a single row, each group of extra colu
 
 ### 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">
 {% 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>
 
   <!-- 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>