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>

我的专栏部分不会居中

1 个答案: