您的位置:首页 > Web前端 > BootStrap

在引入bootstrap后,在引入自定义的css,可以覆盖掉一部分bootstrap的样式,例如字体颜色就可以改变,但是有些也改变不了,别人说是css权重的问题

2017-02-06 19:45 716 查看
不一定有效果,且不一定与原样式冲突,得看情况。

1、Bootstrap实现响应式的核心是col-xs-*、col-lg-*container-fluid等等这些类,还有这些类中box-sizing: border-boxwidth:width: 66.66666667%等属性。如果你在你自己的CSS文件中写的一些样式覆盖(层叠)了以上属性(box-sizing:
border-box
width:width: 66.66666667%),可能就会与原框架产生冲突。

2、如果没有出现1的情况,也就是说你自己的CSS文件中没有涉及到Bootstrap的一些核心类,只是对一些颜色、字体等属性的添加或者修改,这时候也会涉及到CSS的的覆盖(层叠)

归根结底还是CSS的的层叠,所以题主不要动核心类,想修改字体啥的,就老老实实按照CSS的层叠规则,该加!important的加!important,该添加class就加class。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐