私がやりたいのは、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]
コメントを追加