Twitter bootstrap 3 如何使用col md在bootstrap 3.0中一行添加5个图像而不留任何间隙-*

Twitter bootstrap 3 如何使用col md在bootstrap 3.0中一行添加5个图像而不留任何间隙-*,twitter-bootstrap-3,Twitter Bootstrap 3,我想使用Bootstrap3.0中的col md-*添加5个没有任何间隙的图像。引导有12个网格。但我只放了5张图片。怎么做 您刚刚回答了自己的问题,使用bootstrap的col md-*您无法在没有任何间隙的情况下完成。由于共有12列,并且您希望显示5个图像,因此将剩下2列 要么放入6幅图像(我想你不需要),要么将col-md-2 css规则更改为宽度为20%(我不推荐),或者创建自己的css规则,该规则将具有float:left,width:20%(我推荐这一个),但根据屏幕的不同宽度使用

我想使用Bootstrap3.0中的col md-*添加5个没有任何间隙的图像。引导有12个网格。但我只放了5张图片。怎么做

您刚刚回答了自己的问题,使用bootstrap的col md-*您无法在没有任何间隙的情况下完成。由于共有12列,并且您希望显示5个图像,因此将剩下2列


要么放入6幅图像(我想你不需要),要么将col-md-2 css规则更改为宽度为20%(我不推荐),或者创建自己的css规则,该规则将具有float:left,width:20%(我推荐这一个),但根据屏幕的不同宽度使用其他css规则(取决于你的需要)。

首先,对不起。不知道发布链接和教程是不允许的。 现在我相信我已经解决了你的问题。 我为5列创建了一个网格。它们以800px的速度折叠成100%的宽度(你可以很容易地改变它)

.grid容器{
宽度:100%;
左边距:自动;
右边距:自动;
框大小:边框框;
}
.网格行{
左边距:继承;
保证金权利:继承;
}
/*--我们的黑客--*/
.网格行:之前,
.网格行:之后{
内容:“;
显示:表格;
明确:两者皆有;
}
.col-1{宽度:20%;
浮动:左;
填充物:5px;
}
.col-offset-1{
左缘:20%;
浮动:左;
填充物:5px;
}
.col-offset-2{
左缘:40%;
浮动:左;
填充物:5px;
}
.col-offset-3{
左缘:60%;
浮动:左;
填充物:5px;
}
.col-offset-4{
左缘:80%;
浮动:左;
填充物:5px;
}
@介质和全部(最大宽度:800px){
.col-1{宽度:80%;
左边距:10%;
右边距:自动;
填充:15px;
}
.网格容器{
宽度:100%;
}
img{
显示:块;
保证金:0自动;
}
}
img{
显示:块;
保证金:0自动;
}

将所有五个图像放在一个col-12列中。或者添加您自己的类,使列的宽度达到20%(加上达到tablet/mobile断点时希望的宽度)