html - Bootstrap 中响应式拆分背景颜色

标签 html css twitter-bootstrap

不确定这是否可能。我有一个包装器 DIV,其中包含 2 个响应列。我希望用分离的 2 色背景填充包装器 div,即每列一个,这样随着布局按比例缩小,每列的背景都是响应式的。

这可能吗?

谢谢

最佳答案

您想为栏设置背景。以便它们仅限于这些栏。

这是一个Fiddle

<div id="wrapper">
    <div class="cOne"></div>
    <div class="cTwo"></div>    
</div>


#wrapper{
   display:block;  
}

.cOne{
   Height:100px;
   width:100px; 
   background-color:#333;   
   display:inline-block;
}
.cTwo{
   Height:100px;
   width:100px; 
   background-color:#444;  

   display:inline-block;
}

关于html - Bootstrap 中响应式拆分背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24362076/

相关文章:

javascript - 将 DRY 放大 ibox-content 函数转换为动态函数

html - Unicode 字符和浏览器

javascript - 隐藏列时的 CSS Grid 动态大小

javascript - jquery mask 图像效果

css - 使用类在 CSS 中设置样式

javascript - 如何验证 javascript 中的空字段并将错误消息传递给警报 Bootstrap

jquery - Bootstrap 列占用的宽度超出了应有的宽度

javascript - Angular + HTML 5 推送状态错误

html - 响应式 iFrame

html - 针对移动应用到桌面的 CSS 媒体查询