html - Bootstrap 脚本防止改变颜色(也许更多......)

Question

我正在使用“Sublime”并且正在使用 bootstrap 3.3(作为我类(class)中的作者)并且我试图将 bootstrap 作为脚本而不是文件，当我试图更改 jumbotron 类的颜色，它没有反应。

当我在没有引导脚本的情况下检查我在 codepen 中的代码时(因为它已经安装)，颜色更改工作正常。

有人知道吗？

我的 codepen和我的部分代码:

   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div class="container">
  <div class="jumbotron">

    <h1><span class="glyphicon glyphicon-camera" aria-hidden="true"></span> The Image Gallery</h1> 
    <p>Wallcome to this beautiful images gallery</p>
</div>

和CSS:

body {

    padding-top: 70px;

}
.navbar-inverse {
    color: #2C2E41;
}  

.jumbotron {

    color: #2C2E41;
}  

Answer 1

我认为你的问题是你不能改变你网站的风格，因为你需要正确地链接它们。作为，你似乎是一个初学者，我建议你将html文件和css文件放在同一个目录中，然后执行以下操作，

<link rel="stylesheet" href="maxcdn.bootstrapcdn.com/bootstrap/3.3.7">
<link src="style.css">

按此顺序链接这些文件，然后尝试编辑您的样式。如果还是不行，那么你也可以使用，

.jumbotron {
background-color: #c3c3c3 !important;
}

但正确的链接顺序可以正常工作。