rename from .navbar-toggleable to .navbar-expand to reflect mobile first approach...

author Mark Otto <markdotto@gmail.com>

Wed, 22 Mar 2017 05:00:46 +0000 (22:00 -0700)

committer Mark Otto <markd.otto@gmail.com>

Fri, 24 Mar 2017 06:02:28 +0000 (23:02 -0700)
author Mark Otto <markdotto@gmail.com>
Wed, 22 Mar 2017 05:00:46 +0000 (22:00 -0700)
committer Mark Otto <markd.otto@gmail.com>
Fri, 24 Mar 2017 06:02:28 +0000 (23:02 -0700)
diff --git a/docs/_includes/nav-home.html b/docs/_includes/nav-home.html

index 513a34bdcc523ee0fd45149faa4dc1e92a9a6584..d92fab0695d1329e771a8ed1db1109b576d0a42c 100644 (file)
--- a/docs/_includes/nav-home.html
+++ b/docs/_includes/nav-home.html
@@ -1,4 +1,4 @@
-<header class="navbar navbar-light navbar-toggleable-md bd-navbar">
+<header class="navbar navbar-light navbar-expand-md bd-navbar">
    <nav class="container">
      {% comment %}
      <nav class="nav navbar-nav float-right">
diff --git a/docs/examples/carousel/index.html b/docs/examples/carousel/index.html

index f617c579044542cd38ca42beb5ffd3604ea5b8ed..6ccb1080511bc890c5faa6824f9d6c493d509cb1 100644 (file)
--- a/docs/examples/carousel/index.html
+++ b/docs/examples/carousel/index.html
@@ -17,7 +17,7 @@
    </head>
    <body>
  
-    <nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
+    <nav class="navbar navbar-expand-md navbar-inverse fixed-top bg-inverse">
        <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>
diff --git a/docs/examples/dashboard/index.html b/docs/examples/dashboard/index.html

index ccdcfd9f6ec041c5779b1d387b2d19b66aea35cb..33f5e05494dfb40ff4311a57cfd677e566c19543 100644 (file)
--- a/docs/examples/dashboard/index.html
+++ b/docs/examples/dashboard/index.html
@@ -17,7 +17,7 @@
    </head>
  
    <body>
-    <nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
+    <nav class="navbar navbar-expand-md navbar-inverse fixed-top bg-inverse">
        <a class="navbar-brand" href="#">Dashboard</a>
        <button class="navbar-toggler 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>
diff --git a/docs/examples/jumbotron/index.html b/docs/examples/jumbotron/index.html

index c07cb27d0d39396dda2eaa8322775ec693c1d909..d2cb0a4b76a6691d19e8504bd6a84351e73e360c 100644 (file)
--- a/docs/examples/jumbotron/index.html
+++ b/docs/examples/jumbotron/index.html
@@ -18,7 +18,7 @@
  
    <body>
  
-    <nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
+    <nav class="navbar navbar-expand-md navbar-inverse fixed-top bg-inverse">
        <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>
diff --git a/docs/examples/justified-nav/index.html b/docs/examples/justified-nav/index.html

index 5306423fab4282305aa3114ed804e44e8ddc924c..303def254a65d69319933e40720244c660308c4f 100644 (file)
--- a/docs/examples/justified-nav/index.html
+++ b/docs/examples/justified-nav/index.html
@@ -27,7 +27,7 @@
            <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-toggleable-md" id="navbarCollapse">
+          <div class="collapse navbar-expand-md" id="navbarCollapse">
              <ul class="nav navbar-nav text-md-center justify-content-md-between">
                <li class="nav-item active">
                  <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
diff --git a/docs/examples/navbar-top-fixed/index.html b/docs/examples/navbar-top-fixed/index.html

index f9a1eb3dbc11b197ab517325305b9e4f490b05aa..b7eee96cde03b28a75f5680f085692f0b06468c8 100644 (file)
--- a/docs/examples/navbar-top-fixed/index.html
+++ b/docs/examples/navbar-top-fixed/index.html
@@ -18,7 +18,7 @@
  
    <body>
  
-    <nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
+    <nav class="navbar navbar-expand-md navbar-inverse fixed-top bg-inverse">
        <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>
diff --git a/docs/examples/navbar-top/index.html b/docs/examples/navbar-top/index.html

index 2c37d0e183a489e11ba695eb5f07e1e11eab1731..e0100698620ada069ea7a566983f2efa19cd27b4 100644 (file)
--- a/docs/examples/navbar-top/index.html
+++ b/docs/examples/navbar-top/index.html
@@ -18,7 +18,7 @@
  
    <body>
  
-    <nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse mb-4">
+    <nav class="navbar navbar-expand-md navbar-inverse bg-inverse 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>
diff --git a/docs/examples/navbars/index.html b/docs/examples/navbars/index.html

index b6a7ad8e38e206cd79e7b4f4c97e607cbc283c6e..ecd667dc19989eb96075593aaaa338c845aacd03 100644 (file)
--- a/docs/examples/navbars/index.html
+++ b/docs/examples/navbars/index.html
@@ -18,8 +18,8 @@
  
    <body>
  
-    <nav class="navbar navbar-toggleable-lg navbar-inverse bg-inverse">
-      <a class="navbar-brand" href="#">Navbar</a>
+    <nav class="navbar navbar-inverse bg-inverse">
+      <a class="navbar-brand" href="#">Never expand</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>
@@ -45,13 +45,172 @@
            </li>
          </ul>
          <form class="form-inline my-2 my-md-0">
-          <input class="form-control mr-sm-2" type="text" placeholder="Search">
-          <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+          <input class="form-control" type="text" placeholder="Search">
          </form>
        </div>
      </nav>
  
-    <nav class="navbar navbar-toggleable-lg navbar-inverse bg-inverse">
+    <nav class="navbar navbar-expand navbar-inverse bg-inverse">
+      <a class="navbar-brand" href="#">Expand</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="#">Disabled</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="http://example.com" 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">
+        </form>
+      </div>
+    </nav>
+
+    <nav class="navbar navbar-expand-sm navbar-inverse bg-inverse">
+      <a class="navbar-brand" href="#">Expand at sm</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="#">Disabled</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="http://example.com" 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">
+        </form>
+      </div>
+    </nav>
+
+    <nav class="navbar navbar-expand-md navbar-inverse bg-inverse">
+      <a class="navbar-brand" href="#">Expand at md</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="#">Disabled</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="http://example.com" 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">
+        </form>
+      </div>
+    </nav>
+
+    <nav class="navbar navbar-expand-lg navbar-inverse bg-inverse">
+      <a class="navbar-brand" href="#">Expand at lg</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="#">Disabled</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="http://example.com" 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">
+        </form>
+      </div>
+    </nav>
+
+    <nav class="navbar navbar-expand-xl navbar-inverse bg-inverse">
+      <a class="navbar-brand" href="#">Expand at xl</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="#">Disabled</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="http://example.com" 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">
+        </form>
+      </div>
+    </nav>
+
+    <nav class="navbar navbar-expand-lg navbar-inverse bg-inverse">
        <div class="container">
          <a class="navbar-brand" href="#">Container</a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleContainer" aria-controls="navbarsExampleContainer" aria-expanded="false" aria-label="Toggle navigation">
@@ -79,14 +238,13 @@
              </li>
            </ul>
            <form class="form-inline my-2 my-md-0">
-            <input class="form-control mr-sm-2" type="text" placeholder="Search">
-            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+            <input class="form-control" type="text" placeholder="Search">
            </form>
          </div>
        </div>
      </nav>
  
-    <nav class="navbar navbar-toggleable-lg navbar-inverse bg-inverse">
+    <nav class="navbar navbar-expand-lg navbar-inverse bg-inverse">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleCenteredNav" aria-controls="navbarsExampleCenteredNav" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
@@ -115,7 +273,7 @@
      </nav>
  
      <div class="container">
-      <nav class="navbar navbar-toggleable-lg navbar-light bg-faded rounded">
+      <nav class="navbar navbar-expand-lg navbar-light bg-faded rounded">
          <a class="navbar-brand" href="#">Navbar</a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#containerNavbar" aria-controls="containerNavbar" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
@@ -142,13 +300,12 @@
              </li>
            </ul>
            <form class="form-inline my-2 my-md-0">
-            <input class="form-control mr-sm-2" type="text" placeholder="Search">
-            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+            <input class="form-control" type="text" placeholder="Search">
            </form>
          </div>
        </nav>
  
-      <nav class="navbar navbar-toggleable-lg navbar-light bg-faded rounded">
+      <nav class="navbar navbar-expand-lg navbar-light bg-faded rounded">
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#containerNavbarCenter" aria-controls="containerNavbarCenter" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
diff --git a/docs/examples/offcanvas/index.html b/docs/examples/offcanvas/index.html

index fd428cecc9e1972f1de9e1a5224819b1bffa56d8..001e50871a393b6873d4917563c23dd97d4269fe 100644 (file)
--- a/docs/examples/offcanvas/index.html
+++ b/docs/examples/offcanvas/index.html
@@ -18,7 +18,7 @@
  
    <body>
  
-    <nav class="navbar navbar-toggleable-md fixed-top navbar-inverse bg-inverse">
+    <nav class="navbar navbar-expand-md fixed-top navbar-inverse bg-inverse">
        <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>
diff --git a/docs/examples/starter-template/index.html b/docs/examples/starter-template/index.html

index ba6e427bf3f4c522d5e7a5001eb30e1ae3bd4e33..e99674e5d28a9c61596a150f037a129016132bf7 100644 (file)
--- a/docs/examples/starter-template/index.html
+++ b/docs/examples/starter-template/index.html
@@ -18,7 +18,7 @@
  
    <body>
  
-    <nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse fixed-top">
+    <nav class="navbar navbar-expand-md navbar-inverse bg-inverse 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>
diff --git a/docs/examples/sticky-footer-navbar/index.html b/docs/examples/sticky-footer-navbar/index.html

index 981bc7c088c482ad9e5fc439dc50f0a07db8ac3e..0d7ee66ef1f8e2ea8de45749859f4c5f03073ba3 100644 (file)
--- a/docs/examples/sticky-footer-navbar/index.html
+++ b/docs/examples/sticky-footer-navbar/index.html
@@ -19,7 +19,7 @@
    <body>
  
      <!-- Fixed navbar -->
-    <nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
+    <nav class="navbar navbar-expand-md navbar-inverse fixed-top bg-inverse">
        <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>
diff --git a/docs/migration.md b/docs/migration.md

index 166533db1075e14532f10dadc21ced9255e58d11..9cbdca52cdaa83f67e71981431812609de878e20 100644 (file)
--- a/docs/migration.md
+++ b/docs/migration.md
@@ -151,7 +151,7 @@ New to Bootstrap 4 is the Reboot, a new stylesheet that builds on Normalize with
  
  The navbar has been entirely rewritten in flexbox with improved support for alignment, responsiveness, and customization.
  
-- Responsive navbar behaviors are now applied to the `.navbar` class via the **required** `.navbar-toggleable-{breakpoint}` where you choose where to collapse the navbar. Previously this was a Less variable modification and required recompiling.
+- Responsive navbar behaviors are now applied to the `.navbar` class via the **required** `.navbar-expand-{breakpoint}` where you choose where to collapse the navbar. Previously this was a Less variable modification and required recompiling.
  - `.navbar-default` is now `.navbar-light`, though `.navbar-inverse` remains the same. **One of these is required on each navbar.** However, these classes no longer set `background-color`s; instead they essentiatlly only affect `color`.
  - Navbars now require a background declaration of some kind. Choose from our background utilities (`.bg-*`) or set your own with the light/inverse classes above [for mad customization]({{ site.baseurl }}/components/navbar/#color-schemes).
  - Given flexbox styles, navbars can now use flexbox utilities for easy alignment options.
diff --git a/js/tests/visual/dropdown.html b/js/tests/visual/dropdown.html

index 181c130ac3c04a3f8f464ad14c01f85f110a5109..cc8a6e709c2a680ef8123ea8ec0cf10fd63173f9 100644 (file)
--- a/js/tests/visual/dropdown.html
+++ b/js/tests/visual/dropdown.html
@@ -10,7 +10,7 @@
      <div class="container">
        <h1>Dropdown <small>Bootstrap Visual Test</small></h1>
  
-      <nav class="navbar navbar-toggleable-md navbar-light bg-faded">
+      <nav class="navbar navbar-expand-md navbar-light bg-faded">
          <a class="navbar-brand" href="#">Navbar</a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
diff --git a/js/tests/visual/modal.html b/js/tests/visual/modal.html

index 3aca0c96f0a13d774d2ecd7d63d268d918ad3535..d971a45c70e175caffd4bc4ebb52746fc9928e4b 100644 (file)
--- a/js/tests/visual/modal.html
+++ b/js/tests/visual/modal.html
@@ -15,7 +15,7 @@
    <body>
      <nav class="navbar navbar-full navbar-dark bg-inverse">
        <button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"></button>
-      <div class="collapse navbar-toggleable-md" id="navbarResponsive">
+      <div class="collapse navbar-expand-md" id="navbarResponsive">
          <a class="navbar-brand" href="#">This shouldn't jump!</a>
          <ul class="nav navbar-nav">
            <li class="nav-item active">
diff --git a/scss/_navbar.scss b/scss/_navbar.scss

index 2c5cbe2ee1d76f5e6b3bffe3461efcd18afa8c3d..1ec5d26454667fbdeb564046274efb15d8730d94 100644 (file)
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -127,9 +127,9 @@
    background-size: 100% 100%;
  }
  
-// Generate series of `.navbar-toggleable-*` responsive classes for configuring
+// Generate series of `.navbar-expand-*` responsive classes for configuring
  // where your navbar collapses.
-.navbar-toggleable {
+.navbar-expand {
    @each $breakpoint in map-keys($grid-breakpoints) {
      $next: breakpoint-next($breakpoint, $grid-breakpoints);
      $infix: breakpoint-infix($next, $grid-breakpoints);
author	Mark Otto <markdotto@gmail.com>
	Wed, 22 Mar 2017 05:00:46 +0000 (22:00 -0700)
committer	Mark Otto <markd.otto@gmail.com>
	Fri, 24 Mar 2017 06:02:28 +0000 (23:02 -0700)
docs/_includes/nav-home.html		patch \| blob \| blame \| history
docs/examples/carousel/index.html		patch \| blob \| blame \| history
docs/examples/dashboard/index.html		patch \| blob \| blame \| history
docs/examples/jumbotron/index.html		patch \| blob \| blame \| history
docs/examples/justified-nav/index.html		patch \| blob \| blame \| history
docs/examples/navbar-top-fixed/index.html		patch \| blob \| blame \| history
docs/examples/navbar-top/index.html		patch \| blob \| blame \| history
docs/examples/navbars/index.html		patch \| blob \| blame \| history
docs/examples/offcanvas/index.html		patch \| blob \| blame \| history
docs/examples/starter-template/index.html		patch \| blob \| blame \| history
docs/examples/sticky-footer-navbar/index.html		patch \| blob \| blame \| history
docs/migration.md		patch \| blob \| blame \| history
js/tests/visual/dropdown.html		patch \| blob \| blame \| history
js/tests/visual/modal.html		patch \| blob \| blame \| history
scss/_navbar.scss		patch \| blob \| blame \| history