Css 引导75%/25%,带4个图像拇指(如何解决)
各位 我正在尝试用bootstrap构建。遵循此基本标记:Css 引导75%/25%,带4个图像拇指(如何解决),css,twitter-bootstrap,responsive-design,row,Css,Twitter Bootstrap,Responsive Design,Row,各位 我正在尝试用bootstrap构建。遵循此基本标记: 将此样式添加到您的网站 .thumbnail { display: inline-block; margin-right: 20px; width: 22%; } 将此样式添加到您的网站 .thumbnail { display: inline-block; margin-right: 20px; width: 22%; } 在缩略图类之前,只需添加col-md-3类,它就会给出准确的结果
将此样式添加到您的网站
.thumbnail {
display: inline-block;
margin-right: 20px;
width: 22%;
}
将此样式添加到您的网站
.thumbnail {
display: inline-block;
margin-right: 20px;
width: 22%;
}
在缩略图类之前,只需添加col-md-3类,它就会给出准确的结果
缩略图{
背景色:#fff;
边框:1px实心#ddd;
边界半径:4px;
显示:块;
线高:1.42857;
边缘底部:20px;
最小高度:165px;
填充:4px;
过渡:所有0.2秒缓进缓出0秒;
}
在缩略图类之前,只需添加类col-md-3类,它就会给出准确的结果
缩略图{
背景色:#fff;
边框:1px实心#ddd;
边界半径:4px;
显示:块;
线高:1.42857;
边缘底部:20px;
最小高度:165px;
填充:4px;
过渡:所有0.2秒缓进缓出0秒;
}
试试这个
CSS
.缩略图{
边界:0;
}
.缩略图像{
边框:1px纯色灰色;
}
HTML
试试这个
CSS
.缩略图{
边界:0;
}
.缩略图像{
边框:1px纯色灰色;
}
HTML
这就是您要找的吗<代码>编辑:对不起,Chrome复制了错误的东西。Matt,我按照你的建议进行了更改。没用!我想要4个大拇指和右边的边栏。看到它改变后的样子::哦!很抱歉我误读了你想要的东西!让我知道Dharani的答案是否有效,或者我可以推荐一个解决方案来获得您想要的。旁注:在测试其他人之前,请确保撤销您在我的评论中所做的更改。我已经使用firebug完成了,并且使用firebug进行了一些修改,我按照您的要求进行了修改,只需添加我的代码。这是您要找的吗<代码>编辑:对不起,Chrome复制了错误的东西。Matt,我按照你的建议进行了更改。没用!我想要4个大拇指和右边的边栏。看到它改变后的样子::哦!很抱歉我误读了你想要的东西!让我知道Dharani的答案是否有效,或者我可以推荐一个解决方案来获得您想要的。旁注:在测试其他人之前,请确保撤销您在我的评论中所做的更改。我已经使用firebug完成了,并且使用firebug进行了一些修改,我已按照您的要求完成,只需添加我的代码即可