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:
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ę.
(19 głosów, średnia: 4,42 na 5)
Loading...Komentarze: 9 komentarzy
Kliknij tutaj, aby anulować odpowiadanie.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.
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
Aleksandra 22 listopada 2017 o 10:58
Hej,
ja również zaczynam swoja przygodę z Bootstrapem i chciałam Ci bardzo podziekowac za swietny kurs. Wszystko wytłumaczone przejrzyście, poparte super przykładami. Az chce się od razu do tego zabierac! :D
Odpowiedz- Bootstrap 3 (47)
- Bootstrap 4 (3)
- Breadcrumbs (1)
- Buttony (5)
- CSS (15)
- Etykiety (2)
- Formularze (4)
- Ikony (1)
- JavaScript (5)
- Karuzela / Slider (1)
- Klasy pomocnicze (1)
- Komponenty (20)
- Lista rozwijana / dropdown (2)
- Listy (1)
- Media (1)
- Menu (2)
- Modal (1)
- Obrazy (2)
- Panele (2)
- Paski postępu (1)
- Powiadomienia (1)
- Rusztowanie szablonu (3)
- Studnia (1)
- Tabele (1)
- Tworzenie strony www (2)
- Typografia (2)
- Uncategorized (1)
- Wprowadzenie (9)
- Zakładki (1)
