Twitter bootstrap Bootstrap 3表单元素对齐

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-

我使用的是bootstrap3 我有一个包含搜索表单的div。 我想按下图所示的方式对齐选择框。我还需要(价格滑块)或价格滑块的空间


滑块
  • 快速搜索 固有性 番茄酱 喜欢 城市 番茄酱 喜欢 地区 番茄酱 喜欢 搜寻
    属性搜索代码部分:只需在带有class
    表单组的div中添加class
    col-md-6
    ,对于搜索按钮,将按钮放置在class
    col-md-6
    的单独div中,并将class
    btn 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>