放置在Bootstrap列中的图像之前的奇怪空间

Question

我正在尝试创建一个图像库，其中三个图像分别放在一行4列中，这样它们之间就没有白色空间并且它们会接触。 但是这样做，每列中每个图像的左侧都有一些奇怪的空白区域。

看看这里：http://www.bootply.com/IQMBlg5q9L

Answer 1

在bootstrap中不需要为空间问题添加额外的类。要删除间距问题，可以使用类行

<div id="portfolio-main">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-4">
                          <div class="row">
                            <img class="img-responsive" src="https://placehold.it/350x150">
                            </div>
                        </div>
                        <div class="col-md-4">
                        <div class="row">
                            <img class="img-responsive" src="https://placehold.it/350x150">
                              </div>
                        </div>
                        <div class="col-md-4">
                            <div class="row">
                             <img class="img-responsive" src="https://placehold.it/350x150">
                             </div>
                        </div>
                    </div>
                </div>
            </div>