关于bootstrap的css样式如何修改的问题(这是一个小问题)
Posted enternallove
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于bootstrap的css样式如何修改的问题(这是一个小问题)相关的知识,希望对你有一定的参考价值。
使用bootstrap可以简化我们开发的流程和代码,但是虽然bootstrap的代码很方便,也面临着css的样式很单调的情况。
我们可以通过覆盖css样式解决。
但是笔者在写的时候发现自己覆盖的代码无法改变bootstrap本来的代码。
这是一个小问题,却困扰了我一下午,网上也没有相关的解答。
其实这个问题很简单,因为html渲染的时候是自上而下的,后面的样式会覆盖前面的样式。
所以如果你的css样式不能覆盖bootstrap的样式,检查一下是不是自己的样式的引入放在了bootstrap的引入前面。
正确的是把自己的样式引入放在bootstrap的引入后面。
比如:
<link rel="stylesheet" type="text/css" href="bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="index.css"> //这是我的
以上是关于关于bootstrap的css样式如何修改的问题(这是一个小问题)的主要内容,如果未能解决你的问题,请参考以下文章