如何将引导滑块图像的位置设置为中心？

Question

我想在我的引导滑块位于页面的中心的图像，如这一形象：

在此滑块两款必须是空的：

左右部分

<!--Slider--> 
<div class="row"> 

    <div id="myCarousel" class="carousel slide" data-ride="carousel"> 
     <!-- Indicators --> 

     <div class="carousel-inner"> 
      <div class="item"> 
       <img src="images/4172_780x354_hp_mysterious_v1.jpg" /> 
       <div class="container"> 
       </div> 
      </div> 
      <div class="item"> 
       <img src="images/4181_780x354_hp_kitchen_v1.jpg" /> 
       <div class="container"> 
       </div> 
      </div> 
      <div class="item active"> 
       <img src="images/4182_780x354_hp_sport-wear_v1.jpg" /> 
       <div class="container"> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

我使用此代码，但图像放置在页面的右侧。

我的网站的方向是从右到左

Answer 1

你可以试试这个

.carousel-inner img { 
    margin: auto; 
}