Moving the embed to it's own CSS file, moving the docs to the Components page with an example, fixing a Glyhpicons list problem in the docs

1 files changed, 29 insertions, 28 deletions

diff --git a/dist/css/bootstrap-rtl.css b/dist/css/bootstrap-rtl.css
index 2e7798f64..c954e4c49 100644
--- a/dist/css/bootstrap-rtl.css
+++ b/dist/css/bootstrap-rtl.css
@@ -6344,6 +6344,35 @@ a.list-group-item-danger.active:focus {
   border-bottom-color: #ebccd1;
 }
 
+.embed-responsive {
+  position: relative;
+  display: block;
+  height: 0;
+  padding: 0;
+  overflow: hidden;
+}
+
+.embed-responsive .embed-responsive-item,
+.embed-responsive iframe,
+.embed-responsive embed,
+.embed-responsive object {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+
+.embed-responsive.embed-responsive-16by9 {
+  padding-bottom: 56.25%;
+}
+
+.embed-responsive.embed-responsive-4by3 {
+  padding-bottom: 75%;
+}
+
 .well {
   min-height: 20px;
   padding: 19px;
@@ -7085,34 +7114,6 @@ button.close {
   position: fixed;
 }
 
-.embed-responsive {
-  position: relative;
-  display: block;
-  height: 0;
-  padding: 0;
-  overflow: hidden;
-}
-
-.embed-responsive .embed-responsive-item,
-.embed-responsive iframe,
-.embed-responsive embed,
-.embed-responsive object {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.embed-responsive.embed-responsive-16by9 {
-  padding-bottom: 56.25%;
-}
-
-.embed-responsive.embed-responsive-4by3 {
-  padding-bottom: 75%;
-}
-
 @-ms-viewport {
   width: device-width;
 }