Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Поменять местами два блока div через css


Semivan

Recommended Posts

Хочу сделать на: sm md lg -  телефон на первом месте слева 

уже делел через display flex (не работает в сафари) и inline block left right (какието конские отступы)

Если дать телефону position adsolute но пропадает 3 колонки и остальные елементы съезжают и логотип накладывается на телефон

 

<div class="col-md-6 col-sm-6 col-xs-12">
	логотип
</div>

<div class="col-md-3 col-sm-3 col-xs-9">
	телефон
</div>

<div class="col-md-2 col-sm-2 col-xs-2">
	личный аккаунт
</div>

<div class="col-md-1 col-sm-1 col-xs-3">
	корзина
</div>

 

Надіслати
Поділитися на інших сайтах


16 минут назад, Semivan сказал:

уже делел через display flex (не работает в сафари)

Значит что-то не так сделал, сафари с флексами бывает косячит, ему нужно их правильно скормить. Я бы советовал, убрать бустраповскую разметку и просто сделать что нужно, если сафари примет, потом можно  попробовать накидать необходимые стили и отловить момент конфликта. Возможно сафари конфликтует в данной ситуации с фолоатами. Ордер всем элементам задавал или только одному который перемещал?

Змінено користувачем GetWeb
Надіслати
Поділитися на інших сайтах


9 часов назад, Semivan сказал:

Хочу сделать на: sm md lg -  телефон на первом месте слева

ищи  по col-xs-push

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.