div div md 6中的不同內容彼此相等

Question

我有2列使用col-md-6，但它看起來像左側內容浮動'上'。

我嘗試：

<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 
} 

讓我知道這是否工作。

Answer 2

它是向左浮動的，因爲您在第二列h3中添加了style="float:left"。

刪除它，它會成直線。

<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'>In the last <?php echo $hari ?> days</h3> 
 
</div> 
 
</div>