html - Bootstrap 网格图像定位

Question

我无法解决问题，请帮忙。我用 Bootstrap 网格做自适应站点，无法在一行中定位四个图像。图像应该靠近，没有任何间隔和间距。我有我的代码:

 <div class="main_boxes">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-3">
                    <div class="one">
                        <img src="img/one.png" />
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="two">
                        <img src="img/two.png" />
                    </div>    
                </div>
                <div class="col-md-3">
                    <div class="three">
                        <img src="img/three.png" />
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="four">
                        <img src="img/four.png" />
                    </div>
                </div>                
            </div>
        </div>
    </div>

图像是 295x150 并且在浏览器中有间隔

Answer 1

添加类 img-responsive每个 <img>像这样标记:

<div class="main_boxes">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-3">
                <div class="one">
                    <img class="img-responsive" src="img/one.png" />
                </div>
            </div>
            <div class="col-md-3">
                <div class="two">
                    <img class="img-responsive" src="img/two.png" />
                </div>    
            </div>
            <div class="col-md-3">
                <div class="three">
                    <img class="img-responsive" src="img/three.png" />
                </div>
            </div>
            <div class="col-md-3">
                <div class="four">
                    <img class="img-responsive" src="img/four.png" />
                </div>
            </div>                
        </div>
    </div>
</div>