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

[Semivan]

Хочу сделать на: 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>

 

[Jozzeff]

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

[GetWeb]

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

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

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

Змінено 3 квітня 2019 користувачем GetWeb

[SooR]

https://getbootstrap.com/docs/3.3/css/#grid-column-ordering

[anboza]

вам дали правильную подсказку: 

pull-left / 

pull-right

[HyperLabTeam]

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

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

ищи  по col-xs-push

[Semivan]

Всем большое спасибо спасибо!

погуглил, и тут картинка прям как мне и надо))