Адаптивный background-image

Здравствуйте, помогите решить вопрос, не получается сделать background-image адаптивным в Bootstrap 3. Сайт на котором надо это реализовать, т.е в данный момент image не responsive, т.е не подстраивается под мобильные устройства.

Код

 <?php
defined ('_JEXEC') or die;
$app     = JFactory::getApplication();
$tmpl_color=$this->params->get('tmpl_color');
$tmpl_logo=$this->params->get('logo');
?>
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <Jdoc:include type="head" />
      	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo
        $this->template; ?>/css/bootstrap.css" type="text/css" />
		<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo
        $this->template; ?>/css/style.css"/>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="container">
	<div class="row background">
		<div class="col-md-12 column">
          <img alt="" src="images/background.jpg" />
		</div>
	</div>
</div>
    
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/bootstrap.js"></script>
  </body>
</html>

Помогите пожалуйста, кто раньше сталкивался с этим, очень нужно!

Настройка количесва изображений в simple image galery Автор leha111	Ответов: 2 Просмотров: 1374	12.06.2018, 14:45:31 от leha111
Как уменьшить размер featured image/video в шаблоне shaper_helix3? Автор paulyuzvyshen	Ответов: 1 Просмотров: 1139	23.04.2018, 07:44:51 от lexxbry
Код PHP для заполнения тега meta property og:image Автор Mnojitell	Ответов: 14 Просмотров: 2083	09.09.2017, 13:43:02 от Mnojitell
Таблицы и адаптивный дизайн Автор creative3d	Ответов: 27 Просмотров: 11293	23.10.2016, 16:18:37 от Артём 2014
Пропадает background-image на мобильных устройствах. Автор UFO_hA	Ответов: 8 Просмотров: 2790	26.08.2016, 01:01:59 от UFO_hA

Адаптивный background-image - Joomla 3.x: Шаблоны, разметка и макеты вывода

Новости Joomla

Вышли релизы безопасности Joomla 6.1.3 и Joomla 5.4.8

👩‍💻 WT Otpravkapochtaru - библиотека сервиса Отправка Почты России для Joomla-разработчиков.

👩‍💻 В Joomla 6.2 появятся встроенный функционал мультикатегорий.

bekaaktau

Адаптивный background-image

Похожие темы