html - 列之间的距离如何更小？BOOTSTRAP

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”。图片必须有 display: inline-block;在这种情况下。