Merge branch 'v4-dev' into v4-forms-cleanup

docs/assets/js/src/application.js

@@ -36,6 +36,17 @@
       e.preventDefault()
     })
 
+    // Modal relatedTarget demo
+    $('#exampleModal').on('show.bs.modal', function (event) {
+      var $button = $(event.relatedTarget)      // Button that triggered the modal
+      var recipient = $button.data('whatever')  // Extract info from data-* attributes
+      // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
+      // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
+      var $modal = $(this)
+      $modal.find('.modal-title').text('New message to ' + recipient)
+      $modal.find('.modal-body input').val(recipient)
+    })
+
     // Insert copy to clipboard button before .highlight
     $('.highlight').each(function () {
       var btnHtml = '<div class="bd-clipboard"><span class="btn-clipboard" title="Copy to clipboard">Copy</span></div>'

docs/assets/scss/_component-examples.scss

@@ -303,12 +303,6 @@
 
 // Helpers
 .bd-example > {
-  .center-block:not(img) {
-    max-width: 200px;
-    padding: .5rem;
-    background-color: #eee;
-  }
-
   .bg-primary,
   .bg-success,
   .bg-info,

docs/assets/scss/_nav.scss

@@ -3,8 +3,6 @@
 //
 
 .bd-navbar {
-  font-size: 87.5%; // 14px
-
   .navbar-nav {
     .nav-link {
       color: $bd-graphite-light;
@@ -17,7 +15,8 @@
       }
 
       &.active {
-        color: darken($gray-dark, 25%);
+        font-weight: 500;
+        color: darken($gray-dark, 15%);
       }
     }
   }