html - div col md 6中的不同内容彼此相等

Question

我有 2 列使用 col-md-6 但看起来左边的内容“向上” float 。

我的尝试:

<div class="row">
<div class="col-md-6">
<form method="post">
     <select name="satuanhari" onchange="this.form.submit()">
        <option value="7" <?php if($hari =="7") echo "selected"; ?>>7 Days</option>
        <option value="30" <?php if($hari =="30") echo "selected"; ?>>30 Days</option>
        <option value="90" <?php if($hari =="90") echo "selected"; ?>>90 Days</option>
    </select>
    </form> 
</div>
<div class="col-md-6">
        <h3 align='center' style="float:left">In the last <?php echo $hari ?> days</h3>
</div>
</div>

我想让它们在一条直线上看起来一样。你们有解决这个问题的想法吗？

Answer 1

使其成为 1 行。将自定义类添加到具有您的表单的第一个 col-md-6 并使其向左浮动。并为标签制作 margin-top:0

**html**
<div class="col-md-6 form_div" style="
    float: left;
"></div>

**css**
.form_div {
float:left
}

h3 {
margin-top:0
}

让我知道这是否有效。