bootstrap怎么改样式-木庄网络博客

本文摘自PHP中文网，作者(*-*)浩，侵删。

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

我们可以通过覆盖css样式解决。

但是笔者在写的时候发现自己覆盖的代码无法改变bootstrap本来的代码。

这是一个小问题，却困扰了我一下午，网上也没有相关的解答。

其实这个问题很简单，因为html渲染的时候是自上而下的，后面的样式会覆盖前面的样式。

所以如果你的css样式不能覆盖bootstrap的样式，检查一下是不是自己的样式的引入放在了bootstrap的引入前面。

正确的是把自己的样式引入放在bootstrap的引入后面。

比如：

1 2	`<link rel="stylesheet"` `type="text/css"` `href="bootstrap.min.css">` `<link rel="stylesheet"` `type="text/css"` `href="index.css">` `//这是我的`

更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

以上就是bootstrap怎么改样式的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《bootstrap》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者