Question

我正在使用＆＃34; Sublime＆＃34;我使用bootstrap 3.3（在我的课程中作为作者）我尝试将引导程序作为脚本而不是文件，当我试图改变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

你的CSS在哪里？在导入引导程序CDN后，您需要将其添加到html 中，因为样式表是“级联” - 意味着它们按照到达的顺序应用。

例如

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

Answer 2

我认为您的问题是您无法更改网站的样式，因为您需要正确链接它们。因为，您似乎是初学者，我建议您将html文件和css文件保存在同一目录中，然后执行以下操作，

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

按此顺序链接这些文件，然后尝试编辑样式。如果它仍然不起作用，那么你也可以使用，

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

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

防止改变颜色的引导脚本（可能更多......）

2 个答案: