Я пытаюсь использовать изображение в качестве фона для моего jumbotron и не могу получить изображение для показа. Я могу изменить другие свойства jumbotron просто отлично, но не могу понять, что я делаю неправильно с фоновым изображением.Как получить фоновое изображение на Bootstrap jumbotron
Вот мой HTML
<header>
<div class="jumbotron">
<div class="container">
<h1 class="display-3"> Large Text </h1>
<h1 class="display-4"> Smaller Text </h1>
<p><a href="#" class="btn btn-success btn-lg">Learn More »</a></p>
</div>
</div>
</header>
... и вот мой CSS
.jumbotron {
background: url("img/banner.jpg");
color: black;
}
почему я не могу получить эту работу? Мой путь к файлу определенно правильный.
Заранее благодарим за вашу помощь!
Я изначально ответил на это, сказав, что Bootstrap, вероятно, отменяет вашу декларацию «background». Однако кажется, что Bootstrap не использует 'background', но вместо этого использует' background-color', поэтому мой ответ был неправильным. Я советую вам дважды проверить, чтобы ваш файл был определен правильно, поскольку я считаю, что вы должны быть действительными. –
, просто выполнив быстрый тест (http://imgur.com/a/RFa73), не должно быть никаких проблем с тем, как вы их делали. Почему ваш jumbotron в вашем заголовке? – Craicerjack
Вы проверили свои инструменты для разработчиков? Правило css применяется к вашему «jumbotron» div? (щелчок правой кнопкой мыши -> элемент проверки может помочь ...) – tgogos