Finish example navbar section

- btn-secondary falls back to bg-classic

index.html

@@ -128,6 +128,7 @@
       <div class="col-12 col-md-9">
         <br />
         <h1>Masonstrap</h1>
+
         <!-- dynamic version number -->
         <h4 id="version"></h4>
         <br />
@@ -171,8 +172,8 @@
                         </li>
                       </ul>
                       <form class="form-inline">
-                        <input class="form-control mr-sm-2" type="text" placeholder="Search">
-                        <button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button>
+                        <input class="form-control mr-sm-2" type="text" placeholder="Search">                        
+                          <button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button>
                       </form>
                     </div>
                   </div>
@@ -183,7 +184,7 @@
               <div class="bs-component">
                 <nav class="navbar navbar-toggleable-md navbar-inverse bg-classic">
                   <div class="container">
-                    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor01"
+                    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02"
                       aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                   </button>

masonstrap/_masonstrap.scss

@@ -75,6 +75,10 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400
 
 // Buttons =====================================================================
 
+.btn-secondary {
+  color: $bg-classic !important;
+}
+
 .btn-group {
 
   .dropdown-menu {