我的栏目不会居中

Question

我试图让这些列与其上方的其他文本居中对齐，但它要么完全靠左，要么太靠右。我使用的是HTML5、CSS3和bootsrap v3.3.4。

<section id="international" class="international">
<div class="section-heading">
<h6 class="title-int wow fadeInDown" data-wow-delay=".3s"> Available Internationally</h6>



<p class="wow fadeInDown" data-wow-delay=".5s">
<div class="para-in">
         Appropriate controllers and power cords are available for your country
</div>

这些列要么太左，要么太右-我正在尝试使其与其上方的其他文本居中对齐

<div class="row">
<div class="col-sm-12">
<p class="para-int">
  Power Formats
</p>
</div>
<div class="col-sm-12">
<div class="col-s-2 col-md-offset-2 col-sm-2 col-sm-offset-2 "></div>
<div class="col-sm-1 ">

<p class="para-int">
    USA
</p>
<p class="para-int">
    110V
</p>
</div>
<div class="col-sm-1 ">

<p class="para-int">
    Europe
</p>
<p class="para-int">
    230V
</p>
</div>

<div class="col-sm-1 ">

<p class="para-int">
    Japan
</p>
<p class="para-int">
    100V
</p>
</div>

<div class="col-sm-1 ">

<p class="para-int">
    Australia
</p>
<p class="para-int">
    240V
</p>
</div>

<div class="col-sm-1 ">

<p class="para-int">
    UK
</p>
<p class="para-int">
    230V
</p>
</div>
<div class="col-s-2 "></div>
</div>
</div>
</div>  

</section>     

Answer 1

我想我是通过这样做弄明白的：

<div class="col-sm-11"> 
<div class="col-s-2 col-md-offset-2 col-sm-2 col-sm-offset-2 ">
</div>