【问题标题】:Bootstrap doesn't along well with SassBootstrap 不适合 Sass
【发布时间】:2018-11-11 21:28:27
【问题描述】:

在这种情况下,Sass 工作正常。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>

<h1>This is a title</h1>

</body>
</html>


Sass Project.

 $primary-color:red;

h1{
  color:$primary-color;
}

但是当我从 bootstrap 或 ionicons 放置一个链接时,Sass 停止工作。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

</head>
<body>

<h1>This is a title</h1>

</body>
</html>

【问题讨论】:

  • 不确定你到底在问什么。你能用你缩小的范围澄清问题吗?
  • stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/…" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> 当我把这个链接用于使用 bootstrap 现在 Sass 不工作.
  • 您是否在样式表条目之前添加此内容?您是否尝试过其他样式表?
  • unpkg.com/ionicons@4.2.6/dist/css/ionicons.min.css" rel="stylesheet"> 是的,离子也不能工作
  • 如果我添加一个新链接,Sass 就不再工作了。

标签: html css sass


【解决方案1】:

正如 Sunny Patel 在评论中解释的那样,您应该将您的 bootstrap.min.css 放在其他 CSS 之前:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">

【讨论】:

    猜你喜欢
    • 2014-02-17
    • 1970-01-01
    • 1970-01-01
    • 2012-11-28
    • 1970-01-01
    • 1970-01-01
    • 2016-04-14
    • 2017-03-16
    • 1970-01-01
    相关资源
    最近更新 更多