首页 > web前端 > Bootstrap教程 > bootstrap怎么改样式

bootstrap怎么改样式

(*-*)浩
发布: 2019-07-19 10:34:18
原创
4434 人浏览过

使用bootstrap可以简化我们开发的流程和代码,但是虽然bootstrap的代码很方便,也面临着css的样式很单调的情况。

bootstrap怎么改样式

我们可以通过覆盖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相关技术文章,请访问Bootstrap教程栏目进行学习!

以上是bootstrap怎么改样式的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板