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?

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.