热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

CSSBootstrap容器背景

如何解决《CSSBootstrap容器背景》经验,为你挑选了1个好方法。

我正在使用引导程序,我想知道为容器提供背景的一种干净方法。

我使用的是引导类container,没有container-fluid。Bootstrap文档明确指出我不应该嵌套容器,那么实现此目标的替代方法是什么?如果我将背景设置为container左右空白仍为白色,则我也想给该空间上色,但是我也希望内容以对齐方式container对齐,而不是container-fluid对齐方式。有什么建议么 ?我当前的解决方案是嵌套一个container内部,container-fluid并从第一个中删除填充,但是我想提出一个更好的解决方案,该解决方案不违反引导文档。

提前致谢 !

编辑

例如这是我所拥有的

Some rows and columns here

然后我在CSS中覆盖bootstrap的填充

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.my-class {
    background: red;
}

但是,就像我说的那样,这是不好的方法。



1> AndrewL64..:

Bootstrap doc clearly states that I shouldn't nest containers 在其他容器下。因此,只需将您的容器div嵌套在一个新的div类下,container-bg然后像这样将background-image添加到该div中:

HTML:

CSS:

.container-bg {
    background: xxx;
}


推荐阅读
author-avatar
没有结果的爱请你收好
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有