Bootstrap 3 - Фоновый рисунок в качестве шапки
Здравствуйте.
Помогите пожалуйста… Осваиваю Bootstrap 3 и реально начинаю сходить с ума оттого, что не получается простейшая, казалось бы, вещь. Сразу скажу, что CSS я осваиваю попутно, т.е новичок. Делаю пробный сайт учителю музыки. Проблема в «шапке»… Я хочу сделать так, чтобы на первой странице (index.html) была одна картинка в шапке. На другой страничке была другая картинка в шапке и т.д. Задача, казалось бы, простая – сделать header фоновый рисунок (jpg или png формата), и чтобы поверх картинки было немного приветственного текста. А также что бы это всё растягивалось под различные устройства (мобилка, планшет, десктоп).
Подскажите пожалуйста, если я задаю container высоту 100vh и мне нужно, чтобы помимо текста посередине фонового изображения, внизу блока располагалось еще изображение с кнопкой, как это сделать?
Спасибо!
С благодарностью,
Константин.
Не совсем понятно для чего в этом случае Вам Bootstrap…
Если необходимо чтобы была только одна картинка на странице, то можно её назначить в качестве фона элементу body.
Можно например сделать так:
Кроме представленного решения, можно ещё сделать так:
А вообще как сделать это очень много различных способов…