Twitter引导流体行背景
Twitter引导流体行背景
提问于 2013-09-10 12:18:16
我想添加一个统一的背景到所有的div-s，从2-11索引span。HTML如下：
<html>
<body>
<div class="container-fluid">
<div class="row-fluid">
<div class="span1"></div>
<div id="main_div"> <!--Background starts here !!! -->
<div class="span2" id="timetable">Timetable</div>
<div class="span6" id="game_window">Game window</div>
<div class="span2" id="stuff">Stuff</div>
</div> <!--Background ends here !!! -->
<div class="span1"></div>
</div><!--row-fluid-->
</div><!--container-fluid-->假定的背景也用注释标记。背景应该是div#main_div。现在，如果我向#main_div添加背景色，它将把它设置为所有span元素的bgcolor。
所有的帮助都是感激的。
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-09-10 13:39:09
您需要修改html以将内部span元素包装在一行中。
试着做些像
<div class="container-fluid">
<div class="row-fluid">
<div class="span1"></div>
<div class="span10">
<div class="row-fluid" id="main_div"> <!--Background start!!! -->
<div class="span2" id="timetable">Timetable</div>
<div class="span6" id="game_window">Game window</div>
<div class="span2" id="stuff">Stuff</div>
</div> <!--Background end!!! -->
</div>
<div class="span1"></div>
</div><!--row-fluid-->
</div><!--container-fluid-->现在，如果添加背景，它将仅应用于所需的元素。
例如，
#main_div {
background:orange;
}在- http://jsfiddle.net/YTJub/看到一个完整的小提琴。
Stack Overflow用户
发布于 2013-09-10 12:48:25
把坏的用在一个统一的上，如下：
#main_div :not(.span1, .span12) {background-color:#f00 }请注意，这些CSS3选择器并不适用于所有浏览器，特别是旧版本的Internet将很高兴地忽略它们。
Stack Overflow用户
发布于 2013-09-10 13:34:07
您能不能不打开.CSS文件并将SPAN2-11类更改为背景橙色？
我相信在boostrap.css大约有一半的时间是这样的：
.span12 {
width: 940px;
}只需添加：
.span12 {
width: 940px;
background-color:orange;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18718786
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号