Object – tworzenie struktury
Media object to komponent, który przydaje się na stronie internetowej. W poniższym przykładzie zobaczysz jak stworzyć prosty układ media object za pomocą Bootstrapa.
W dzisiejszych czasach nie trzeba daleko szukać, aby znaleźć zastosowanie tego komponentu. Gdy zamierzasz dodać do bloga sekcje z komentarzami, wspomniany komponent świetnie do tego pasuje. Na podobnej zasadzie działają popularne tweety.
A tak naprawdę z czego składa się komponent media object? Zazwyczaj z obrazka – przykładowo avatar będący jednocześnie linkiem do profilu użytkownika, tytułu oraz tekstu który jest komentarzem bądź opinią na stronie.
Zagnieżdżanie obiektów
Możliwe jest zagnieżdżanie elementów media object. Jak to zrobić?
Autorzy Bootstrapa rozwiązali to w bardzo prosty sposób. Komponent media object należy umieścić w nieuporządkowanej liście z klasą media-list. Kolejno, aby zagnieździć każdy kolejny blok trzeba umieścić go w poprzednim elemencie media-body. Spójrz na poniższy przykład z zastosowaniem listy obiektów:
Konstrukcja media object jest dość prosta. Wystarczy znać podstawowe klasy pomocnicze oraz podstawy html-a.
W następnym kroku (materiale) zobaczysz jak dodać powiadomienia na naszych stronach w formie tzw. “modali”. Zapraszam w kolejną środę – jak zawsze o 15:00.
Zapraszam do subskrypcji i polubienia mojego blogowo/usługowego fb.
Jeżeli chciałbyś/chciałabyś wesprzeć mój blog to zapraszam -> WSPARCIE DLA BLOGA