Изменение h1 цвета Bootstrap Jumbotron

довольно новый для Bootstrap и только начал играть с ним. Но есть одна вещь (это должно быть предельно очевидно), что я не могу работать. И это меняет цвет тегов h1 в jumbotron.Изменение h1 цвета Bootstrap Jumbotron

HTML код: код

<!DOCTYPE html> 
<html> 
<head> 
    <title>Hello WWW</title> 
    <link rel="stylesheet" href="main.css"> 

    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
</head> 

<body> 
    <div class="jumbotron"> 
     <h1>Progression of Connected Computing</h1> 
     <p>Learn more about the internet</p> 
    </div> 
</body> 
</html>

main.css:

.jumbotron h1{ 
    color: #fff; 
} 

.jumbotron p{ 
    color: #fff; 
}

Проблема в том, что р-теги правильно изменены и белеют, но по какой-то причине теги h1 не ? Наверное, что-то глупое, что я делаю, но я не могу понять, что это такое. Благодаря!

источник

2014-09-07 Ethan

Вы должны указать свой собственный файл main.css после того, как вы включите bootstrap.css, если вы хотите переопределить свои стили bootstrap с помощью ваших пользовательских стилей main.css.

источник

2014-09-07 14:48:15 knitevision

О, ну, я чувствую себя глупо. Спасибо o / – Ethan

Ваш пользовательский CSS-файл должен быть размещен ПОСЛЕ bootstrap.min.css, чтобы вы могли его переопределить.

Как это -

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
<link rel="stylesheet" href="main.css">

источник

2014-09-07 14:48:58

Я нашел простой способ сделать это: просто обернуть h1 блог внутри для примера диапазона блога; затем примените бутстрап для блога span. Например:

<span class="text-success"><h1>Hello World</h1></span>

источник

2015-04-09 08:34:40 user3673817

Изменение h1 цвета Bootstrap Jumbotron

ответ

Смежные вопросы