Bootstrap tutorial logo
Dłuższy czas nie pojawiało się nic nowego. Niestety ale praca, szkolenia itp itd nie pozwoliły mi się skupić na blogu. Mam nadzieję, że teraz nadrobię te kilka straconych miesięcy. Myślę też nad stworzeniem portalu typu Q&A albo forum gdzie będziecie mogli wrzucać swoje pomysły na wykorzystanie bootstrapa oraz pytać w razie niejasności. Z racji tego, […]

Czytaj!

Gdy strona zawiera podstrony doskonałym rozwiązaniem są tzw. „okruszki chleba” czyli komponent pokazujący w którym miejscu aktualnie się znajdujemy. Oczywiście trzeba do nich podpiąć na przykład odpowiedni kod w javascripcie by przeglądarka wiedziała który „okruszek” podświetlić ale po te informacje odsyłam na przykład na stackoverflow Nasza nawigacja jest oczywiście gotowym komponentem w bootsrtrapie i wystarczy […]

Czytaj!

Nie raz zauważyliście, że na stronie znajduje się pasek z numerami kolejnych podstron (np. kwejk) albo w przypadku blogów można znaleźć linki prowadzące do poprzedniego / następnego wpisu. Oczywiście tutaj również bootstrap posiada gotowe komponenty które pomagają nam stworzyć właśnie takie paginacje. Standardowa paginacja « 1 2 3 4 5 » Paginację tworzymy poprzez dodanie […]

Czytaj!

Nie raz zdarza się, że chcemy przypiąć do jakiegoś pola etykietkę która będzie nam podpowiadać, informować o czymś czy na przykład wskazywać do jakiej kategorii należy wpis czy link. W bootstrapie mamy gotowy komponent który tworzy etykiety w różnych kolorach i wielkościach. Wielkość etykiety definiujemy poprzez zamknięcie jej w znacznikach h1..h6 a sama składnia etykiety […]

Czytaj!

Temat właściwie bardzo krótki. Czasami chcemy by obok jakiegoś pola pojawiała się wartość np. nie przeczytanych wiadomości, zgłoszeń, uwag, problemów itp. Tutaj z pomocą przychodzi mała „odznaka” którą umieszczamy tuż obok tekstu. Jej kod także nie jest trudny, wszystko czego trzeba użyć to: Co da nam: Nowe wiadomości: 42 Aby zmienić sobie kolor plakietki na […]

Czytaj!

Zastosowaniem jumbotrona jest skupienie uwagi potencjalnego gościa twojej strony na danej akcji. Podobnie jak na mojej stronie głównej jest właśnie jumbotron z czerwonym przyciskiem zachęcającym do wejścia dalej (Może nie do końca bardzo zachęca bo zbyt słabo wyróżnia się na stronie;)y ale nie będziemy tu dyskutować o tzw. „call to action”). Jumbotron tworzy szary prostokąt […]

Czytaj!

Tutaj również krótki tekst. Tym razem o tworzeniu estetycznego nagłówka strony Przykładowy nagłówek Krótki opis nagłówka Jak widzicie można otrzymać estetyczny nagłówek strony z poziomą linią oddzielającą go od reszty tekstu. Ja zastosowanie dla tego rozwiązania znalazłem w menu po prawej. Całość kodu wygląda następująco: I to by było na tyle w tym temacie:) Na […]

Czytaj!