Скрипт начальной загрузки, предотвращающий изменение цвета (и, возможно, больше ...)

Question

Я использую «Sublime», и я использую 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

Я думаю, что ваша проблема в том, что вы не можете изменить стиль своего сайта, для этого вам нужно правильно связать их.Поскольку вы кажетесь новичком, я предлагаю вам сохранить html-файл и css-файл в одном каталоге, а затем выполнить следующие действия:

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

Свяжите эти файлы в этом порядке, а затем попробуйте отредактироватьстили.Если он по-прежнему не работает, вы также можете использовать

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

Но правильный порядок компоновки работает нормально.

Answer 2

Где твой css?Вам нужно будет добавить это в ваш html после , когда вы импортируете CDN начальной загрузки, поскольку таблицы стилей являются «каскадными» - это означает, что они применяются в порядке их достижения.

Например.

<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}" />