ブートストラップ - ページの半分にカルーセル

Question

ブートストラップカルーセルをページの半分（デスクトップ内）で使用したいと思います。ここに私のコードです：

HTML：私はページの半分に完全にカルーセルを入れたい

：

 <div> 
      <div class="row"> 
       <div class="col-md-6"> 
        <div id="carousel-homepage" class="carousel slide" data-ride="carousel"> 
         <ol class="carousel-indicators"> 
          <li data-target="#carousel-homepage" data-slide-to="0" class="active"></li> 
          <li data-target="#carousel-homepage" data-slide-to="1"></li> 
          <li data-target="#carousel-homepage" data-slide-to="2"></li> 
         </ol> 

         <div class="carousel-inner"> 
          <div class="item active"> 
           <a href="#"><img src="http://placehold.it/1600x1600" /></a> 

          </div> 
          <div class="item"> 
           <a href="#"><img src="http://placehold.it/1600x1600" /></a> 

          </div> 
          <div class="item"> 
           <a href="#"><img src="http://placehold.it/1600x1600" /></a> 

          </div> 
         </div> 

         <a class="left carousel-control" href="#carousel-homepage" data-slide="prev"> 
          <span class="glyphicon glyphicon-chevron-left"></span> 
         </a> 
         <a class="right carousel-control" href="#carousel-homepage" data-slide="next"> 
          <span class="glyphicon glyphicon-chevron-right"></span> 
         </a> 
        </div> 
       </div> 

       <div class="col-md-6 low-padding-left"></div> 

そして、ここでは私の結果です。なにか提案を？

Answer 1

は最初.col-md-6のdivからパディングを削除するか、最初の `.COL-MD-6` DIVからstyle="padding:0"