CSS Bootstrap สร้างเว็บ 3 column แต่อีก 2 column ขวามือไปอยู่ข้างล่างครับ

<div class="row">
<!-- แสดงข้อมูลในส่วนของซ้ายมือ -->
  	<div class="col-md-2"><?php require_once 'include/leftNav.php'; ?></div>


       <!-- แสดงข้อมูลตรงกลาง -->
  	<div class="col-md-7" id="resultProduct">
     
  

        <!-- แสดงข้อมูลขวามือ -->
  	<div class="col-md-3">
  		<div id="cart-content-mini"></div> <!-- แสดงตะกร้าสินค้า -->

		<!-- แสดง Widget อื่นๆ -->
  		<div><?php require_once 'include/widgets/otherWidget.php';?></div>
  		<div><?php require_once 'include/widgets/widget2.php';?></div>
  	</div>
 
</div>

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-2 {
    width: 16%;
  }

<div class="panel panel-info">
  <div class="panel-heading">title</div>
  <div align="center" class="panel-body">
	[Test]
</div>
  </div>
</div>