Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [BOOTSTRAP] Jak wykonać to responsywnie
mrWodoo
post 4.06.2014, 16:55:05
Post #1





Grupa: Zarejestrowani
Postów: 160
Pomógł: 6
Dołączył: 13.01.2012
Skąd: Bytom

Ostrzeżenie: (0%)
-----


Witam, mam taki nagłówek

http://gyazo.com/085e52adcfb05d0229eacb7c4405280d

Jak zakodować (używam Bootstrap3) prawą stronę, z serduszkami i miśkiem i ceną w sposób responsywny? jakiś div, który ustawia wszystkie obrazki absolutnie i następnie własności 'top' i 'left' poustawiać, ale czy to zadziała responsywnie i czy to najlepsze rozwiązanie? Wiadomo, mogę sobie wygenerować obrazek ale czy da się to zrobić kodem?


--------------------
Go to the top of the page
+Quote Post
by_ikar
post 4.06.2014, 19:40:05
Post #2





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

Ostrzeżenie: (0%)
-----


Da się to zrobić kodem na kilka sposobów. łatwiejszy, który implementujesz tylko w css, to jest flex i poprzez order ustawiasz sobie kolejność. Wadą tego rozwiązania jest że nie działa w każdej mobilnej przeglądarce. Druga opcja to zmienić kolejność nie tylko w float, ale i w samym kodzie. Czyli zmieniasz miśka jako pierwszego w kodzie, ustawiasz jemu jak i temu drugiemu blokowi float: right. Oczywiści jeżeli chcesz żeby misiek był przed informacjami. A samego miśka możesz ustawić jako obrazek i dać mu klasę img-responsive dzięki czemu się jego wysokość będzie się skalować do jego szerokości, a tekst na obrazku możesz nanieść poprzez pozycjonowanie chociażby - tyle że to nie będzie działać z automatu jeżeli podasz wysokość w pikselach, może całkiem fajnie działać jeżeli podasz top/left jako procenty.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 26.04.2025 - 01:53