js轮播图菜鸟教程 为什么修改了bootstrap的css文件自定义的样式不起作用？

为什么修改了bootstrap的css文件自定义的样式不起作用？

引导已经成为前端开发不可或缺的框架之一。bootstrap的应用使得布局和样式的设置非常简单。

然而，bootstrap提供的默认样式往往不能满足我们的需要，因此定制bootstrap成为我们经常需要做的工作。本文讨论了如何更有效、更易维护地定制引导。如下图所示，通过向按钮添加bootstrap类：BTN BTN primary，您可以将默认按钮（左）更改为右样式。但是如果我们想应用我们自己的风格，例如，我们希望有圆形按钮。通常，我们可以直接覆盖引导样式。我们在自己的项目目录中创建我的-自定义.cssBTN{-WebKit border radius:20px-Moz border radius:20px border radius:20px}将我的-自定义.css文件引用引导.css在文件末尾，我们定义的BTN样式将覆盖原始样式（注意：这里的“cover”指的是增量覆盖样式）。但这种方法有其优缺点，优点：不会改变你的工作流程。您可以快速直接地修改您的样式。即使您的网站引用了类似于bootstrap的其他框架样式，您也可以在同一位置自定义它们。缺点：不过，对于更彻底的修改（如重新设计导航栏）或非本地修改（如修改适用于整个网站的突出显示颜色），东西方覆盖风格更像是一种修补解决方案。另外，您的新样式应该添加到bootstrap的默认样式表中，以使已经100kb的文件变得越来越庞大。如果您不只是想做一些覆盖，请考虑一种更具可伸缩性的方法。另一种方法是生成定制的引导。我们可以使用官方的生成器，你可以在bootstrap中自定义样式变量。如下图所示：

js轮播图菜鸟教程 bootstrap轮播图大小 轮播图只有第一张而且不动

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。