@yagyar001

Как в display:flex перенести последний элемент на другую строку?

Всем привет.
Есть с трока с col-lg-12. У нее d-flex. Но при адаптиве нужно чтобы на планшетной версии последний div был на новой строке. Как его перенести туда? верстаю с бутстрапом.
Как должно быть:
5bbec46504b36190138358.png
как есть:
5bbec4b02499b190110061.png
<div class="row">
				<div class="col-lg-12 d-flex">
					<div class="footer_contacts d-flex">
						<div class="footer_contacts_logo">
							<img src="img/logo_footer.png" alt="">
						</div>
						<div class="footer_contacts_phone d-flex">
							<div class="footer_contacts_phone_icon">
								<img src="img/phone_icon_footer.png" alt="">
							</div>
							<div class="footer_contacts_phone_number">
								+7(812)509-61-36
							</div>
						</div>
						<div class="footer_contacts_mail d-flex">
							<div class="footer_contacts_phone_icon">
								<img src="img/mail.icon_footer.png" alt="">
							</div>
							<div class="footer_contacts_mail_email">
								sc_silu@mail.ru
							</div>
						</div>
						<div class="footer_contacts_site d-flex">
							<div class="footer_contacts_site_icon">
								<img src="img/www_icon_footer.png" alt="">
							</div>
							<div class="footer_contacts_site_isite">
								www.spb-chongqing.com
							</div>
						</div>
					</div>
				</div>
			</div>
  • Вопрос задан
  • 777 просмотров
Пригласить эксперта
Ответы на вопрос 1
@antowa_plawkevich
Junior Front-end developer
display: flex;
justify-contet: space-around;
flex-flow: row wrap;
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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