Question

]我想用bootstrap获取这个站点的结构。我该怎么办？当我没有使用边距和填充设置为0的填充行时，内容只是左对齐。在deafult col class中，我会在用于图像容器的盒子之间获得空白区域。

图片低于原因我需要10点声望才能发布图片。

https://dl.dropboxusercontent.com/u/71295596/grid.jpg

Answer 1

这些天的Imo人变得过于依赖。

坚持改变引导程序以适应你想要的东西，搞乱css和覆盖的属性我觉得制作你自己的CSS更容易（在这种情况下）你只需要几行。

使用这个基本的html结构：

<div>
    <img src="your image" alt=""/>
</div>
<div>
    <img src="your image" alt=""/>
</div>
<div>
    <img src="your image" alt=""/>
</div>
<div>
    <img src="your image" alt=""/>
</div>
<div>
    <img src="your image" alt=""/>
</div>
<div>
    <img src="your image" alt=""/>
</div>
<div>
    <img src="your image" alt=""/>
</div>
<div>
    <img src="your image" alt=""/>
</div>

只是这些CSS：

div {
    width:25%;
    float:left; 
}
div img {
    width:100%; 
    display:block;
}

你有你想要的布局。更重要的是，您可以添加：

@media (max-width: 600px) {
div {width:50%;}
}

@media (max-width: 400px) {
div {width:100%;}
}

现在它完全响应： FIDDLE

Bootstrap，连续排列四个图片，没有间隙

1 个答案: