div col md 6の内容が異なる

Question

私はcol-md-6を使用して2つの列を持っていますが、左のコンテンツが浮かび上がっているように見えます。

私の試み：

<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行に来るようにします。あなたのフォームを持つ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

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