Бутстрап, h1 наложение на фоновое изображение в контейнере

<div class="row text-center"> 
    <div class="col-md-12"> 
    <!--Giant Background Pic--> 
    <img class ="bckground" src="images/napaliWall.jpg"> 
    <h1> Title Text </h1> 
    <p> Sand sand sand sand</p> 
    </div> 
</div> 


.bckground{ 
    background-size: cover; 
    background: no-repeat; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    max-height:100%; 
    max-width:100%; 

}

Мои h1 и p не накладываются на фоновое изображение. Каков правильный способ сделать это в контейнере бутстрапа? Я не хочу, чтобы текст фиксировал позицию, потому что я боюсь, что это может испортить отзывчивость моей веб-страницы для мобильных устройств. Я просто хочу, чтобы мое фоновое изображение заполнило контейнер столбца столбцов, в котором он находится, и чтобы текст был поверх него. мой HTML-код заключен в контейнер div, он просто не отображается.Бутстрап, h1 наложение на фоновое изображение в контейнере

источник

2017-02-12 Daedalus

Было бы хорошо, если бы вы создали [mcve]. Сейчас ваш пример не завершен. Мы не знаем, используете ли вы Bootstrap v3 или v4, а также свойство '' неизвестно. Просьба указать абсолютный путь, чтобы он правильно загружался. Используйте инструмент фрагмента ('<>') или веб-сайт фрагмента - jsFiddle, codepen и т. Д. –

вы должны установить изображение на фон в CSS

как фона URL: (URL изображения)

источник

2017-02-12 05:20:04

Бутстрап, h1 наложение на фоновое изображение в контейнере

ответ

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