mirror of
https://github.com/twbs/bootstrap.git
synced 2025-03-02 02:29:24 +01:00
* Prevent sign-in form from going outside viewport (#25388) * Workaround IE centering bug
This commit is contained in:
parent
27f553c965
commit
5b0e40b625
@ -34,9 +34,6 @@ body {
|
|||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-flex-pack: center;
|
|
||||||
-webkit-box-pack: center;
|
|
||||||
justify-content: center;
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
|
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
|
||||||
box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
|
box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
|
||||||
|
@ -18,7 +18,7 @@
|
|||||||
|
|
||||||
<body class="text-center">
|
<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">
|
<header class="masthead mb-auto">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3 class="masthead-brand">Cover</h3>
|
<h3 class="masthead-brand">Cover</h3>
|
||||||
|
@ -13,11 +13,8 @@ body {
|
|||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-flex-align: center;
|
-ms-flex-align: center;
|
||||||
-ms-flex-pack: center;
|
|
||||||
-webkit-box-align: center;
|
-webkit-box-align: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
-webkit-box-pack: center;
|
|
||||||
justify-content: center;
|
|
||||||
padding-top: 40px;
|
padding-top: 40px;
|
||||||
padding-bottom: 40px;
|
padding-bottom: 40px;
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
@ -27,7 +24,7 @@ body {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 420px;
|
max-width: 420px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
margin: 0 auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-label-group {
|
.form-label-group {
|
||||||
|
@ -8,11 +8,8 @@ body {
|
|||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-flex-align: center;
|
-ms-flex-align: center;
|
||||||
-ms-flex-pack: center;
|
|
||||||
-webkit-box-align: center;
|
-webkit-box-align: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
-webkit-box-pack: center;
|
|
||||||
justify-content: center;
|
|
||||||
padding-top: 40px;
|
padding-top: 40px;
|
||||||
padding-bottom: 40px;
|
padding-bottom: 40px;
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
@ -22,7 +19,7 @@ body {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 330px;
|
max-width: 330px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
margin: 0 auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
.form-signin .checkbox {
|
.form-signin .checkbox {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user