Question

我正在处理上述问题。

我将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>

你知道为什么会这样吗？

提前谢谢！

Answer 1

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

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

1 个答案: