我該如何對齊它以使其垂直居中?
HTML
<div class="container" data-ng-controller="publicHome">
<div class="col-sm-4 col-sm-offset-4">// <--- I would like this div vertically centered!
<form data-ng-submit="signIn()" class="form-horizontal">
<div class="form-group">
<input type="email" data-ng-model="email" placeholder="email" class="form-control input-lg">
</div>
<div class="form-group">
<input type="password" data-ng-model="password" placeholder="password" class="form-control input-lg">
</div>
<label>
remember me
<input type="checkbox" data-ng-model="rememberMe" class="signInCheckbox">
</label>
<div style="float:right; color:#C0C0C0;">
<a data-ng-click="">forgot password?</a>
</div>
<div class="form-group center-block">
<button type="submit" class="btn btn-success btn-lg center-block">sign in</button>
</div>
</form>
<div class="alert alert-danger col-md-8 col-md-offset-2 text-center" role="alert">
<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> incorrect credentials
</div>
</div>
</div>
CSS
.signInCheckbox {
margin-left: 5px;
}
.forgotPassword {
float: right;
color: #C0C0C0;
}
http://stackoverflow.com/questions/114543/horizontally-center-a-div的可能重複-in-a-div?rq = 1 – Steve
@Steve垂直和水平方向有很大的區別l居中...... –
sry錯了。這應該是它http://stackoverflow.com/questions/79461/vertical-alignment-of-elements-in-a-div – Steve