我想做的是居中对齐3个文本框和按钮。我怎样才能做到这一点?
<div class="navbar_foot navbar-default navbar-fixed-bottom">
<form class="navbar-form navbar-middle">
<div class="form-group">
<div class="row featurette">
<div class="col-md-3">
<input class="form-control input-lg" type="text" id="inputLarge"
value="" placeholder="Email Address">
</div>
<div class="col-md-3 ">
<input class="form-control input-lg" type="text" id="email"
value="" placeholder="Repeat Email Address">
</div>
<div class="col-md-3 ">
<input class="form-control input-lg" type="password" id="lName"
value="" placeholder="Password">
</div>
<div class="col-md-3 ">
<button type="button" class="btn btn-primary btn-lg">Register
Today</button>
<a href="#myModal" role="button" id="myButt"
class="btn btn-large btn-primary" data-toggle="modal">Launch
Demo Modal</a>
</div>
</div>
</div>
</form>
</div>
的CSS
.navbar_foot .navbar-collapse_foot {
text-align: center;
align: center;
display: inline-block;
float: none;
}
如果您删除.navbar-collapse_foot
以下内容,则您的班级正在上课:
http://jsfiddle.net/DianaNassar/6BEmY/
.navbar_foot{
text-align: center;
align: center;
display: inline-block;
float: none;
}
更新:
如果您希望它们彼此相邻而不是在下面:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句