Bootstrap - Karussell in der Hälfte der Seite

Question

Ich möchte Bootstrap Karussell in der Hälfte der Seite (in Desktop) verwenden. Hier ist mein Code:

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> 

Und hier ist mein Ergebnis:

Ich möchte Karussell setzen komplett in der Hälfte der Seite. Irgendein Vorschlag?

Answer 1

Entfernen Polsterung aus ersten .col-md-6 div oder fügen Sie style="padding:0"