Question

我有这段代码

  <div class="container-fluid" >
  <p class="text-center" style="color:white">Hello World!</p>
  <p class="text-center" style="color:white">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequa</p>
  <div class="row">
    <div class="col-sm-4 col-md-4 col-lg-4" style="">

<img src="wp-content/themes/WordPressBootstrap-master/images/b1.jpg" class="img-responsive center-block" alt="Cinque Terre">
    </div>
    <div class="col-sm-4 col-md-4 col-lg-4" style="">
     <img src="wp-content/themes/WordPressBootstrap-master/images/b2.jpg" class="img-responsive center-block" alt="Cinque Terre">
    </div>
       <div class="col-sm-4 col-md-4 col-lg-4" style="">
    <img src="wp-content/themes/WordPressBootstrap-master/images/b3.jpg" class="img-responsive center-block" alt="Cinque Terre">
    </div>
  </div>
</div>

目前我的网站看起来像

http://avocat2.dac-proiect.ro/?page_id=17

图像之间的距离太大......我希望距离较短。我是初学者使用bootrstrap的我怎样才能缩短距离？

你能帮我解决这个问题吗？

谢谢你！

Answer 1

您可以使用类.row将图像直接嵌套在div中，并添加到.row div类“text-center”。图像必须有显示：内联块;在这种情况下。

Answer 2

将左图像浮动如此

float：right;

并将左图像漂浮在左侧

float：left;

列之间的距离怎么样？BOOTSTRAP

2 个答案: