Twitter bootstrap Bootstrap 3表单元素对齐
我使用的是bootstrap3 我有一个包含搜索表单的div。 我想按下图所示的方式对齐选择框。我还需要(价格滑块)或价格滑块的空间Twitter bootstrap Bootstrap 3表单元素对齐,twitter-bootstrap,Twitter Bootstrap,我使用的是bootstrap3 我有一个包含搜索表单的div。 我想按下图所示的方式对齐选择框。我还需要(价格滑块)或价格滑块的空间 滑块 快速搜索 固有性 番茄酱 喜欢 城市 番茄酱 喜欢 地区 番茄酱 喜欢 搜寻 属性搜索代码部分:只需在带有class表单组的div中添加classcol-md-6,对于搜索按钮,将按钮放置在classcol-md-6的单独div中,并将classbtn sm替换为btn block <div class="col-md-6 col-
滑块
快速搜索
固有性
番茄酱
喜欢
城市
番茄酱
喜欢
地区
番茄酱
喜欢
搜寻
属性搜索代码部分:只需在带有class表单组的div中添加classcol-md-6
,对于搜索按钮,将按钮放置在classcol-md-6
的单独div中,并将classbtn sm
替换为btn block
<div class="col-md-6 col-sm-6">
<div class="well">
<form class="form">
<h4>Quick Search</h4>
<div class="col-md-12">
<p>Your Price Slider</p>
</div>
<div class="row">
<div class="form-group col-md-6">
<select class="form-control">
<option>Propery</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
</div>
<div class="form-group col-md-6">
<select class="form-control">
<option>City</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
</div>
<div class="form-group col-md-6">
<select class="form-control">
<option>Area</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
</div>
<div class="col-md-6">
<button class="btn btn-block btn-primary" type="button">Search</button>
</div>
</div>
</form>
</div>
快速搜索
你的价格滑块
固有性
番茄酱
喜欢
城市
番茄酱
喜欢
地区
番茄酱
喜欢
搜寻
<div class="col-md-6 col-sm-6">
<div class="well">
<form class="form">
<h4>Quick Search</h4>
<div class="col-md-12">
<p>Your Price Slider</p>
</div>
<div class="row">
<div class="form-group col-md-6">
<select class="form-control">
<option>Propery</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
</div>
<div class="form-group col-md-6">
<select class="form-control">
<option>City</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
</div>
<div class="form-group col-md-6">
<select class="form-control">
<option>Area</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
</div>
<div class="col-md-6">
<button class="btn btn-block btn-primary" type="button">Search</button>
</div>
</div>
</form>
</div>