0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00

Fix examples' issues #25664 and #25388 (#25665)

* Prevent sign-in form from going outside viewport (#25388)

* Workaround IE centering bug
This commit is contained in:
ysds 2018-03-13 02:29:45 +09:00 committed by XhmikosR
parent 27f553c965
commit 5b0e40b625
4 changed files with 3 additions and 12 deletions

View 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);

View 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>

View 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: 0 auto;
margin: auto;
}
.form-label-group {

View 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: 0 auto;
margin: auto;
}
.form-signin .checkbox {
font-weight: 400;