是否可以使用class =＆＃34; input-group＆＃34;看起来和class =＆＃34; form-group＆＃34;？

Question

为了让我的选择列表作为输入，我必须使用<div class="input-group">，但它的显示方式与我的其他<div class="form-group">不同。

以下是示例代码和位置差异的屏幕截图。

                 <div class="form-group">
                    <label class="col-md-3 control-label">Actual Start Date:</label>
                    <div class="col-md-8">
                        <input name="ActStartDate" type="date" class="form-control" id="ActStartDate" placeholder="Actual Start Date" value="<?php echo $_SESSION["AStDate"]; ?>">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-3 control-label">Actual End Date:</label>
                    <div class="col-md-8">
                        <input name="ActEndDate" type="date" class="form-control" id="ActEndDate" placeholder="Actual End Date" value="<?php echo $_SESSION["AEnDate"]; ?>">
                    </div>
                </div>
                <div class="input-group">
                  <label class="col-md-3 control-label">Priority:</label>
                  <div class="col-md-8">
                  <select name="PPriority" class="selectpicker form-control" id="PPriority" data-live-search="true">
                    <optgroup>
                    <?php echo "<option value=" .$_SESSION["Priority"]. " selected disabled >" .$_SESSION["Priority"]. "</option>"?>
                    </optgroup>
                    <optgroup label="-----------">
                    <option>3</option>
                    <option>2</option>
                    <option>1</option>
                    </optgroup>
                  </select>
                  </div>
                </div>

Answer 1

  <div class="form-group">
              <label class="col-md-3 control-label">Priority:</label>
              <div class="col-md-4">
              <select name="PPriority" class="selectpicker form-control" id="PPriority" data-live-search="true">
                <optgroup>
                <?php echo "<option value=" .$_SESSION["Priority"]. " selected disabled >" .$_SESSION["Priority"]. "</option>"?>
                </optgroup>
                <optgroup label="-----------">
                <option>3</option>
                <option>2</option>
                <option>1</option>
                </optgroup>
              </select>
              </div>
            </div>

只需用form-group替换div类就可以了。

Answer 2

如果查看引导程序CSS，请查找input-group元素，并删除以下css代码：display: table;。它会正常工作。