我有一个当前使用自定义 CSS 文件样式设置的网站,所有这些我都很满意。
现在我想添加boostrap的东西,因为我想加入很多东西,最值得注意的是一个日期选择器和一个模态对话框。
但是我发现当我添加默认的引导 CSS(.min 和 datepicker 的额外文件)时,我的自定义 CSS 的字体被覆盖。
有没有办法“选择”(因为需要更好的短语)哪个文件获胜?
我想答案将是编辑引导 CSS 或尝试选择您想要的内容,而不是仅仅获取默认的最小文件,我想我试图避免这样做。
我有一个当前使用自定义 CSS 文件样式设置的网站,所有这些我都很满意。
现在我想添加boostrap的东西,因为我想加入很多东西,最值得注意的是一个日期选择器和一个模态对话框。
但是我发现当我添加默认的引导 CSS(.min 和 datepicker 的额外文件)时,我的自定义 CSS 的字体被覆盖。
有没有办法“选择”(因为需要更好的短语)哪个文件获胜?
我想答案将是编辑引导 CSS 或尝试选择您想要的内容,而不是仅仅获取默认的最小文件,我想我试图避免这样做。
一些 Bootsrap 默认变量可以通过将你的值传递给它们来覆盖,你可以在这里看到它:
http://twitter.github.com/bootstrap/customize.html#variables
确保在导入引导程序后覆盖它们,你应该没问题。
您将需要通过以下方式重新排列您的 css 文件:
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="css/datepicker.css" rel="stylesheet">
<link href="/css/yourstylesheet.css" rel="stylesheet">