如果链接了Bootstrap CSS,则自定义CSS样式规则仅在样式标记中添加时才适用

时间:2018-04-30 09:03:46

标签: css bootstrap-4

我正在处理上述问题。

我将Bootstrap CSS用于我正在处理的自定义布局,当然我需要应用自己的自定义CSS样式。

如果我链接bootstrap.min.css及以上链接我的style.css,我的自定义规则不适用。

但是,如果我链接bootstrap.min.css及以上,我将自定义规则添加到标记中,它们可以正常工作。我正在使用自己的ID和类,我已经检查过文件路径是否正确。

我在我的HTML文件的head标签中添加了两种方法的示例:

这不起作用

<!-- Required meta tags -->

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<link rel="icon" href="favicon.ico">
<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel=“stylesheet” href=“css/style.css“>

这有效

<!-- Required meta tags -->

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<link rel="icon" href="favicon.ico">
<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<style>
 [custom css rules]
    .
    . 
    .
</style>

你知道为什么会这样吗?

提前谢谢!

1 个答案:

答案 0 :(得分:2)

尝试<link href="css/custom.css" type="text/css" rel="stylesheet" />