Bootstrap tutorial logo

Wprowadzenie do Bootstrap

autor: Robert

25 czerwca 2013

Naszą przygodę zaczynamy od pobrania plików niezbędnych do korzystania z Bootstrapa. Przechodzimy na stronę Klik i pobieramy paczkę z ostatnią wersją Bootstrap:

Po ściągnięciu, wypakowujemy w wybranym przez siebie miejscu. Struktura wewnątrz folderu powinna wyglądać tak:

bootstrap_structure

Kolejnym etapem jest otworzenie naszego edytora tekstu i stworzenie nowego pliku oraz wklejenie do niego podstawowego szablonu Bootstrapa:

Tak powstały plik zapisujemy w naszym folderze zawierającym pliki Bootstrap i nazywamy go index.html

Wersja z użyciem serwerów CDN (Nie musimy ściągać Bootstrap na dysk)

Możemy skorzystać z zewnętrznych serwerów które udostępnią nam pliki Bootstrapa. Polecam tą metodę gdyż zmniejszamy obciążenie naszego serwera i przyspieszamy działanie naszej witryny. W takim przypadku tworzymy sobie folder z naszym projektem. W nim umieszczamy plik index.html i wklejamy do niego następujący kod:

Po wykonaniu wszystkich czynności możemy zaczynać!


Post się przydał? Oceń go proszę.
1 Gwiazdka2 Gwiazdki3 Gwiazdki4 Gwiazdki5 Gwiazdek (18 głosów, średnia: 4,61 na 5)
Loading...

Łukasz 7 lipca 2014 o 17:02

Witam ,

mam pytanie. Czy i
, musi być pomiędzy a . Czy nie wato zrobic pomiędzy . a . Chyba nie ma różnicy . Tak ?

Odpowiedz
    Robert 8 lipca 2014 o 07:43

    Troszkę nie rozumiem tego pytania. Element <i> odpowiada za tekst podkreślony i jest elementem liniowym tj. można go zastosować wewnątrz paragrafu i nie spowoduje to przejścia tekstu do kolejnej linii. Element <a href=""> odpowiada za tworzenie hiperłączą czyli linka do innej strony.

    Odpowiedz
Michał 1 października 2014 o 20:42

Dzięki wielkie za ten kurs! Sporo przybliżył mi działanie tego frameworka a zaczynam od zera – znam tylko podstawy html/css :-)

Odpowiedz
    Robert 2 października 2014 o 07:57

    Nie samym Bootstrapem człowiek żyje więc pamiętaj, żeby dalej szlifować wiedzę z HTML5/CSS3 :)

    Odpowiedz
Jacek 18 listopada 2014 o 13:11

Hej
właśnie zaczynam przyodę z Bootstrapem…
czas popracować nad swoim warsztatem bo zatrzymałem się na html4 i css2.1 :)

dzięki za kurs :)

Odpowiedz
Roman 21 listopada 2015 o 09:13

Witam
Bardzo dziękuję za kurs. Dużo cennych rad i wskazówek. Korzystając z nich wykonałem stronę niechsiedzieje.pl. Oczywiście pro publico bono.
Jednak mam kłopot. Zmniejszając okno przeglądarki wszystko działa poprawnie-jest rwd-lecz w praktyce gdy otworzę stronę na urządzeniu mobilnym-jest kiepsko.
Czy mogę prosić o jakąś wskazówkę lub pomoc?
Z góry serdecznie dziękuję.
Roman

Odpowiedz
Grzegorz 4 listopada 2016 o 11:04

kurs świetny

Odpowiedz