Bootstrap CSS更改自定义CSS的字体

时间:2013-02-25 11:50:56

标签: css twitter-bootstrap

我的网站目前使用自定义CSS文件设置样式,我很满意。

现在我想添加boostrap内容,因为有很多我想要合并的内容,最值得注意的是日期选择器和模态对话框。

但是我发现当我添加默认的bootstrap CSS(.min和datepicker的额外文件)时,我的自定义CSS的字体会被覆盖。

有没有办法'选择'(因缺少更好的短语)哪个文件获胜?

我想答案是要么编辑bootstrap CSS,要么尝试选择你想要的东西,而不是只抓取默认的min文件,我想我试图避免这样做。

2 个答案:

答案 0 :(得分:2)

一些Bootsrap默认变量可以通过将值传递给它们来覆盖,你可以在这里看到它:

http://twitter.github.com/bootstrap/customize.html#variables

确保在导入bootstrap后覆盖它们,你应该没问题。

答案 1 :(得分:1)

您需要按以下方式重新排列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">