Question

其实我是关于bootstrap的新手，我使用form-horizontal来创建响应式布局。我的代码：

<div class="panel-body">
              <form class="form-horizontal" role="form">
    <div class="form-group">

        <div class="col-md-2">
            <label for="" class="control-label">From:</label>
            <div id="date_dropdown" ></div>
        <div>
            <div class="col-md-2">
        <label for="" class="control-label">To:</label>
        <div id="date_dropdown1" ></div>
        </div>
    <div class="col-md-2">
        <label for="" class="control-label">Dept:</label>
        <div id="dept_dropdown" ></div>
        </div>
            <div class="col-md-2">
         <label for="" class=" control-label">Factory:</label>
        <div id="factory_dropdown" ></div>
        </div>
            <div class="col-md-4">
         <label for="" class=" control-label">BatchType:</label>
        <div id="batch_dropdown" ></div>

         </div>
     </div>

</form>

在这段代码中，我有两个日期选择器和3个选择下拉，值将来自database.so我希望所有元素应该根据设备在一行中对齐它将是可调整的..你可以帮助一些我怎么解决..

使用bootstrap以水平方式对齐

0 个答案: