Laravel覆盖引导模板 [英] Laravel overriding bootstrap template

问题描述

因此，我在项目中获得了自定义app.css，并且正在使用引导程序模板.现在，当我在app.css中创建新的按钮样式时，它可以在任何地方访问(自从有了主模板以来，在每个页面上，其他页面都在扩展它)，但是当我在app.css中覆盖引导主题时，它不起作用.当我使用相同的代码使用< style> 标记覆盖页面顶部的引导程序时，它就起作用了.app.css正确包含在bootstrap.css之后，所以知道我在做什么错吗?

So I got my custom app.css in my project and I'm using bootstrap template. Now when I create new button style for example in app.css it's accessible everywhere (on every page since I got master template and other pages are extending it) but when I override bootstrap theme in app.css it's not working. When I use same code to override bootstrap on top of the page using <style> tags it's working. app.css is included properly and after bootstrap.css so any idea what I'm doing wrong ?

推荐答案

尝试刷新缓存，对于我在Chrome中来说，我使用 Ctrl + Shift + R .

Try a cache refresh, for me in Chrome, I use Ctrl+Shift+R.

如果这不会产生任何结果，请使用Chrome或Firefox上的内置检查器查看您正在编辑的元素的附加属性.如果app.css覆盖bootstrap.css，您将看到类似下图的图像，显​​示app.css在skin-purple.min.css上方，这意味着该app.css是最新要加载的文件.

If this doesn't produce any results, use the inbuilt inspectors on Chrome or Firefox to view the attached properties to the element you are editing. If the app.css is overriding the bootstrap.css, you will see something like the below image, showing the app.css is above the skin-purple.min.css meaning the app.css was the latest to be loaded.

这篇关于Laravel覆盖引导模板的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！