@connor74

Как сделать адаптивную фоновую картинку с Bootstrap 3?

Добрый вечер!

Не могу решить проблему. Верстаю с помощью BS3 страницу:

<!DOCTYPE html>
<html lang="ru">
<head>...</head>
  <body>
    <nav class="navbar navbar-default navbar-fixed-top">
    ...
    </nav>
    <div class="container">

      <div class="row">
        <div class="col-md-12 main-top">
        </div>
      </div>
     .... <!-- Контент-->
    </div>


Нужно в div.main-top сделать фоновое изображение, которое прижато к панели навигации а после него идет контент.

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

Спасибо!
  • Вопрос задан
  • 3117 просмотров
Пригласить эксперта
Ответы на вопрос 2
sabramovskikh
@sabramovskikh
backgrouud-size: cover
Ответ написан
Комментировать
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
backround-size:cover;
или
backround-size:contain;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы