]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Fix examples' issues #25664 and #25388 (#25665)
authorysds <fellows3@gmail.com>
Mon, 12 Mar 2018 17:29:45 +0000 (02:29 +0900)
committerXhmikosR <xhmikosr@gmail.com>
Mon, 12 Mar 2018 17:29:45 +0000 (19:29 +0200)
* Prevent sign-in form from going outside viewport (#25388)

* Workaround IE centering bug

docs/4.0/examples/cover/cover.css
docs/4.0/examples/cover/index.html
docs/4.0/examples/floating-labels/floating-labels.css
docs/4.0/examples/sign-in/signin.css

index ebf135f5c5577a6c2e668f65e8ea02f1f6b983e3..108db2235daccf6edc2a94c5cadd5c9d2099c874 100644 (file)
@@ -34,9 +34,6 @@ body {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
-  -ms-flex-pack: center;
-  -webkit-box-pack: center;
-  justify-content: center;
   color: #fff;
   text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
   box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
index 9a641b15bd9ba5df9e8605986dc4d0fb264ee511..0a0effca577e81106934d5958a0af2b5133ae8f8 100644 (file)
@@ -18,7 +18,7 @@
 
   <body class="text-center">
 
-    <div class="cover-container d-flex h-100 p-3 mx-auto flex-column">
+    <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
       <header class="masthead mb-auto">
         <div class="inner">
           <h3 class="masthead-brand">Cover</h3>
index 1eb04973a580785f0cd27a58fe106fd310b89c5a..85c7babcf6f0fa854faae6d39c1c4bec8c3a5453 100644 (file)
@@ -13,11 +13,8 @@ body {
   display: -webkit-box;
   display: flex;
   -ms-flex-align: center;
-  -ms-flex-pack: center;
   -webkit-box-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  justify-content: center;
   padding-top: 40px;
   padding-bottom: 40px;
   background-color: #f5f5f5;
@@ -27,7 +24,7 @@ body {
   width: 100%;
   max-width: 420px;
   padding: 15px;
-  margin: auto;
+  margin: auto;
 }
 
 .form-label-group {
index d31b6098a86062c87a099398cd5232fefbb2457a..7244a54ae6eda185b29f9086cc614bc406acfc97 100644 (file)
@@ -8,11 +8,8 @@ body {
   display: -webkit-box;
   display: flex;
   -ms-flex-align: center;
-  -ms-flex-pack: center;
   -webkit-box-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  justify-content: center;
   padding-top: 40px;
   padding-bottom: 40px;
   background-color: #f5f5f5;
@@ -22,7 +19,7 @@ body {
   width: 100%;
   max-width: 330px;
   padding: 15px;
-  margin: auto;
+  margin: auto;
 }
 .form-signin .checkbox {
   font-weight: 400;