From 1300af1d2dbf3f5aecc1ba9480ac9cb28a7b8561 Mon Sep 17 00:00:00 2001
From: Chris Rebert <code@chrisrebert.com>
Date: Wed, 6 Jan 2016 01:32:39 -0800
Subject: [PATCH] Update docs to account for #18772

/fyi @mdo

[skip sauce]
---
 docs/components/buttons.md      | 12 ++++++------
 docs/components/navbar.md       |  8 ++++----
 docs/examples/navbar/index.html |  2 +-
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/docs/components/buttons.md b/docs/components/buttons.md
index 6b22caab82..2e1fd60bad 100644
--- a/docs/components/buttons.md
+++ b/docs/components/buttons.md
@@ -63,12 +63,12 @@ When using button classes on `<a>` elements that are used to trigger in-page fun
 In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the `.btn-*-outline` ones to remove all background images and colors on any button.
 
 {% example html %}
-<button type="button" class="btn btn-primary-outline">Primary</button>
-<button type="button" class="btn btn-secondary-outline">Secondary</button>
-<button type="button" class="btn btn-success-outline">Success</button>
-<button type="button" class="btn btn-info-outline">Info</button>
-<button type="button" class="btn btn-warning-outline">Warning</button>
-<button type="button" class="btn btn-danger-outline">Danger</button>
+<button type="button" class="btn btn-outline-primary">Primary</button>
+<button type="button" class="btn btn-outline-secondary">Secondary</button>
+<button type="button" class="btn btn-outline-success">Success</button>
+<button type="button" class="btn btn-outline-info">Info</button>
+<button type="button" class="btn btn-outline-warning">Warning</button>
+<button type="button" class="btn btn-outline-danger">Danger</button>
 {% endexample %}
 
 
diff --git a/docs/components/navbar.md b/docs/components/navbar.md
index d18308d66f..b359d66a04 100644
--- a/docs/components/navbar.md
+++ b/docs/components/navbar.md
@@ -49,7 +49,7 @@ Here's an example of all the sub-components included in a default, light navbar:
   </ul>
   <form class="form-inline pull-xs-right">
     <input class="form-control" type="text" placeholder="Search">
-    <button class="btn btn-success-outline" type="submit">Search</button>
+    <button class="btn btn-outline-success" type="submit">Search</button>
   </form>
 </nav>
 {% endexample %}
@@ -131,7 +131,7 @@ Here are some examples to show what we mean.
     </ul>
     <form class="form-inline pull-xs-right">
       <input class="form-control" type="text" placeholder="Search">
-      <button class="btn btn-info-outline" type="submit">Search</button>
+      <button class="btn btn-outline-info" type="submit">Search</button>
     </form>
   </nav>
   <nav class="navbar navbar-dark bg-primary">
@@ -152,7 +152,7 @@ Here are some examples to show what we mean.
     </ul>
     <form class="form-inline pull-xs-right">
       <input class="form-control" type="text" placeholder="Search">
-      <button class="btn btn-secondary-outline" type="submit">Search</button>
+      <button class="btn btn-outline-secondary" type="submit">Search</button>
     </form>
   </nav>
   <nav class="navbar navbar-light" style="background-color: #e3f2fd;">
@@ -173,7 +173,7 @@ Here are some examples to show what we mean.
     </ul>
     <form class="form-inline pull-xs-right">
       <input class="form-control" type="text" placeholder="Search">
-      <button class="btn btn-primary-outline" type="submit">Search</button>
+      <button class="btn btn-outline-primary" type="submit">Search</button>
     </form>
   </nav>
 </div>
diff --git a/docs/examples/navbar/index.html b/docs/examples/navbar/index.html
index abaf8ad74c..a6d6422979 100644
--- a/docs/examples/navbar/index.html
+++ b/docs/examples/navbar/index.html
@@ -43,7 +43,7 @@
           </ul>
           <form class="form-inline pull-xs-right">
             <input class="form-control" type="text" placeholder="Search">
-            <button class="btn btn-success-outline" type="submit">Search</button>
+            <button class="btn btn-outline-success" type="submit">Search</button>
           </form>
         </div>
       </nav> <!-- /navbar -->