Merge remote-tracking branch 'twbs/v4-dev' into v4-dev

_config.yml

@@ -24,7 +24,7 @@ gems:
 
 # Social
 title: Bootstrap
-description: The most popular HTML, CSS, and JS framework in the world.
+description: The most popular HTML, CSS, and JS library in the world.
 twitter: getbootstrap
 authors: Mark Otto, Jacob Thornton, and Bootstrap contributors
 social_logo_path: /assets/brand/bootstrap-social-logo.png

dist/css/bootstrap.css

@@ -2558,6 +2558,11 @@ tbody.collapse.show {
   margin-left: 0;
 }
 
+.dropup .dropdown-menu {
+  margin-top: 0;
+  margin-bottom: 0.125rem;
+}
+
 .dropup .dropdown-toggle::after {
   border-top: 0;
   border-bottom: 0.3em solid;

docs/4.0/components/forms.md

@@ -682,7 +682,7 @@ Here's how form validation works with Bootstrap:
 - HTML form validation is applied via CSS's two pseudo-classes, `:invalid` and `:valid`. It applies to `<input>`, `<select>`, and `<textarea>` elements.
 - Bootstrap scopes the `:invalid` and `:valid` styles to parent `.was-validated` class, usually applied to the `<form>`. Otherwise, any required field without a value shows up as invalid on page load. This way, you may choose when to activate them (typically after form submission is attempted).
 - As a fallback, `.is-invalid` and `.is-valid` classes may be used instead of the pseudo-classes for [server side validation](#server-side). They do not require a `.was-validated` parent class.
-- Due to constaints in how CSS works, we cannot (at present) apply styles to a `<label>` that comes before a form control in the DOM without the help of custom JavaScript.
+- Due to constraints in how CSS works, we cannot (at present) apply styles to a `<label>` that comes before a form control in the DOM without the help of custom JavaScript.
 - All modern browsers support the [constraint validation API](https://www.w3.org/TR/html5/forms.html#the-constraint-validation-api), a series of JavaScript methods for validating form controls.
 - Feedback messages may utilize the [browser defaults](#browser-default) (different for each browser, and unstylable via CSS) or our custom feedback styles with additional HTML and CSS.
 - You may provide custom validity messages with `setCustomValidity` in JavaScript.

index.html

@@ -5,7 +5,7 @@ layout: home
 <main class="bd-masthead" id="content" role="main">
   <div class="container">
     {% include icons/bootstrap.svg class="mb-3" width="128" height="128" %}
-    <p class="lead">Bootstrap is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web.</p>
+    <p class="lead">Bootstrap is the most popular HTML, CSS, and JS library in the world for building responsive, mobile-first projects on the web.</p>
     <p class="lead">
       <a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-lg btn-bd-yellow" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download Bootstrap</a>
     </p>

scss/utilities/_background.scss

@@ -2,4 +2,5 @@
   @include bg-variant('.bg-#{$color}', $value);
 }
 
+.bg-white { background-color: $white !important; }
 .bg-transparent { background-color: transparent !important; }

scss/utilities/_borders.scss

@@ -15,6 +15,10 @@
   }
 }
 
+.border-white {
+  border-color: $white !important;
+}
+
 //
 // Border-radius
 //