ブートストラップカルーセルは、ページの中央に揃えます。

Question

私はブートストラップカルーセルに関するコードを持っていますが、それは完全に動作しますが、私はページの中央にそろえたいと思います。私は非常に多くの異なるソリューションを試しましたが、まだ役に立たない。あなたが<center>タグとそれを囲むことができます

<div class="container"> 
    <br> 
     <div class = "row"> 

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

<ol class="carousel-indicators"> 
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
    <li data-target="#myCarousel" data-slide-to="1"></li> 
    <li data-target="#myCarousel" data-slide-to="2"></li> 

</ol> 


<div class="carousel-inner" role="listbox"> 

    <div class="item active"> 
    <img src="css/pet9.jpg" alt="Chania"> 

    </div> 

    <div class="item"> 
    <img src="css/pet10.jpg" alt="Chania"> 
    </div> 

    <div class="item"> 
    <img src="css/pet8.jpg" alt="Flower" > 

    </div> 



</div> 


<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 
    <span class="sr-only">Previous</span> 
</a> 
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
    <span class="sr-only">Next</span> 

</a> 

    </div> 

Answer 1

センターにこれを整列するどのような方法があります。