Hejo!
Mam pewien mały problem z trzema kolumnami, które zmieniają pozycje podczas zmiany rozdziałki wyświetlacza. Oto kod tych kolumn:
<div class="col-2 col-3 col-6 div1"> </div> <div class="col-2 col-6 col-6 div2"> </div> <div class="col-2 col-3 col-6 div3"> </div>
Oczywiście nie uzywam bootstrapa, tylko nazwy sobie wziąłem pożyczyłem Ale chodzi o to, że co .col-2 ma 33.3% szerokości, .col-2 ma 50% szerokości a .col-6 ma 100% szerokości i oczywiście col .col-2 i .col-3 ma ustawione float:left;
I problem polega na tym, że w div1 jest zwykły obrazek, w div2 logo a w div3 button. I podczas zmiany rozdziałki np. na 767px zaczyna działać druga kolumna klas i tutaj mam kłopot. Otóż zamiast robić taki układ strony:
LOGO
IMG BUTTOM
to robi się coś takiego:
IMG LOGO
BUTTON
Czy da się jakoś zrobić tak aby nie zmieniać pozycji startowej elementów, że div z IMG i BUTTON przechodzą na dół a LOGO zostaje na górze?
Użytkownik wolfdz edytował ten post 06 czerwca 2015 - 17:23