Css 引导75%/25%,带4个图像拇指(如何解决)

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类,它就会给出准确的结果

各位

我正在尝试用bootstrap构建。遵循此基本标记:


将此样式添加到您的网站

.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进行了一些修改,我已按照您的要求完成,只需添加我的代码即可