css media для грида и меню[Решено]

Общие вопросы по использованию второй версии фреймворка. Если не знаете как что-то сделать и это про Yii 2, вам сюда.
Ответить
Аватара пользователя
svil
Сообщения: 563
Зарегистрирован: 2018.02.12, 22:41

css media для грида и меню[Решено]

Сообщение svil »

При ширине 991 левое меню и правый грид растягиваются на ширину экрана друг под другом.
Как сделать, чтобы это растягивание происходило при ширине 901px, а больше этой ширины меню и грид оставались в 2 колонках 3:9?

Код: Выделить всё

   <div class="container">
      ...
		<div class="row">
			<div class="col-md-3">
				...
				<?= SideNav::widget([
					'type' => SideNav::TYPE_DEFAULT,
                    'items' => $menuItems,
					'heading' => 'Меню',
					..
			</div>
			<div class="col-md-9">
				<?= $content ?>
			</div>
		</div>
    </div>
    </div>
</div>


Последний раз редактировалось svil 2019.07.06, 12:55, всего редактировалось 1 раз.
Аватара пользователя
svil
Сообщения: 563
Зарегистрирован: 2018.02.12, 22:41

Re: css media для грида и меню

Сообщение svil »

Код: Выделить всё

@media(max-width:901px) {

    .wrap2 {
        width: 100%; /* Ширина */
    }
    .wrap2 div {
        width: 100%;
    }
}

Код: Выделить всё

<div class="row wrap2">
			<div class="col-3 col-md-3 col-lg-3 col-sm-3">
			...
				<?= SideNav::widget([
					'type' => SideNav::TYPE_DEFAULT,
                    'items' => $menuItems,
					'heading' => 'Меню',
					..
			</div>
			<div class="col-9 col-md-9 col-lg-9 col-sm-9">
				<?= $content ?>
			</div>
		</div>
    </div>
    </div>
</div>
			
Ответить