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: HTML
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
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
Obuwnicze zmagania z materią
Ciąg dalszy spotkania z bootstrap. W poprzednim artykule https://www.rafalrebacz.pl/2015/09/20/jak-obuwie-moze-ulatwic-zycie/ było kila słów o tym jak zacząć przygodę z frameworkiem bootstrap. Teraz ciąg dalszy, w którym pokażę jeszcze kilka ciekawych możliwości, które są oferowane przez bootstrap.
Tak jak było już wspominane grid składa się z 12 kolumn jednakowej szerokości, w oparciu o które budujemy szablon strony. Poprzednie przykłady pokazywały rozwiązania polegające na zapełnieniu okna kolumnami z treścią. Przykład poniżej pokaże, że nie zawsze musi być treść – czasem może jej nie być (bo będzie offset).
Offset
Jak działa offset? Bardzo prosto – przesuwa nam kolumnę z treścią o „n” pozycji.
Czytaj dalej Obuwnicze zmagania z materią