Zapewne nie raz widzieliście na stronach przyciski (lewo, prawo, góra, dół itd.) na których znajdowały się strzałki w postaci np. trójkąta, czy też znaków „<” czy „>”. Bootstrap oferuje wiele tego rodzaju „znaczków” zwanych glifami, które mogą być zastosowane na stronach. Kilka przykładów poniżej a pełna lista na stronach bootstrap (https://getbootstrap.com/components/#glyphicons)
Czytaj dalej Glify i inne
Tag: bootstrap
Obrazki bootstrap
Responsywnie
Czegoś takiego jak obrazki, zdjęcia na stronach fotografów jest od groma, podobnie w sklepach, katalogach itp. Nie umknął ten fakt twórcom bootstrap i także obrazki mają coś od nich. Dzięki klasom przeznaczonym do formatowania obrazków mamy możliwość uczynienia ich responsywnymi (skalują się wraz z elementem rodzica – na smartfonie są malutkie a na laptopie duże).
Poniższy przykład można obejrzeć też na stronie -> https://www.rafalrebacz.pl/examples/bootstrap/obrazki1.html oraz https://www.rafalrebacz.pl/examples/bootstrap/obrazki1noresponsive.html
Czytaj dalej Obrazki bootstrap
Bootony – bootstrapowe przyciski
Klik, klik – przyciskamy myszą te przyciski OK, Anuluj, Wyślij i co tam jeszcze komu wpadnie do głowy. Nie zwracamy na nie uwagi (no chyba, że nie można odczytać co jest na nich napisane) do momentu gdy sami nie potrzebujemy mieć dokładnie takich jak chcemy.
Bootstrap daje nam kilka możliwości w zakresie przycisków. Załóżmy, że mamy kilka linków tak jak w przykładzie poniżej i chcemy je przekształcić w przyciski – jest to możliwe z wykorzystaniem CSS i HTML ale trochę trzeba zrobić (https://www.rafalrebacz.pl/2015/09/20/buttony-ach-buttony/). Podobnie działa bootstrap z tym, że daje nam już gotowe klasy, które mogą być wykorzystane do formatowania linków (zmiany ich w przyciski).
Przykładowo: mamy zwyczajny link
<a href="#">uruchom</a>
który wyświetli się tak: uruchom Prawda, że mało przyciskowo wygląda?
Czytaj dalej Bootony – bootstrapowe przyciski
Buty na półce
Odstawiliśmy buty na półkę w szafie, grzecznie, w porządeczku czekają tam na nas. Gdyby tak popatrzyć na tą szafkę to buty siedzą w niej jak dane w tabeli. Każda para na swoim miejscu. Przez analogię szafki na buty do zagadnienia formatowania tabeli w Bootstrap – też mam skojarzenia ;).
No ale już tak bardziej na serio. Bootstrap daje nam możliwość formatowania tabeli. Mamy tabelę taką jak w poniższym kodzie:
Czytaj dalej Buty na półce