Bootstrap framework CSS jak zrobić stronę www przy pomocy Bootstrap poradnik

flag language

Bootstrap framework CSS jak zrobić stronę internetową przy pomocy Bootstrap poradnik www

 

Twitter Bootstrap framework CSS, stworzony i rozwijany przez programistów Twittera, wydawany na licencji MIT.

Bootstrap - zawiera zestaw narzędzi ułatwiających tworzenie interfejsu graficznego stron www oraz aplikacji internetowych. Podstawą Bootstrap są gotowe rozwiązania HTML, CSS, służące m.in. do stylizacji wyświetlanych na stronie elementów: tekstów, formularzy, przycisków, wykresów, systemów nawigacji – menu, itp.

Pliki Bootstrap  kompilowane są z plików Less.

 

DOSTOSOWANIE BOOTSTRAP DO NASZYCH POTRZEB

Pobierając Bootstrap masz możliwość dostosowania Bootstrap’a do swoich potrzeb i oczekiwań. W tym celu należy udać się na stronę: https://getbootstrap.com/customize/ , gdzie krok po kroku ustawiasz poszczególne elementy.

Less files

Components

JavaScript components

jQuery plugins

Less variables

i na końcu ..

Compile and Download enlightened (skompiluj i pobierz)

 

Dostosowując wyjściowe pliki po kompilacji do swoich potrzeb w tym usuwając zbędne elementy np. JavaScript, możesz zoptymalizować pliki Bootstrap’a, czyli zminimalizować ich wielkość, co może mieć znaczenie dla użytkowników Twojej witryny. Mniejsze pliki – szybciej ładująca się witryna.

Bootstrap - struktura plików

 bootstrap/

 ├── css/

 │ ├── bootstrap.css

 │ ├── bootstrap.min.css

 ├── js/

 │ ├── bootstrap.js

 │ ├── bootstrap.min.js

 ├── img/

 │ ├── glyphicons-halflings.png

 │ ├── glyphicons-halflings-white.png

 └── README.md

Bootstrap – zestaw do pobrania - zawiera trzy foldery: css, js oraz img. Tworząc projekt możesz po prostu dodać pliki bootstrap’a do katalogu głównego Twojego projektu, w tym zminimalizowane wersje CSS i JavaScript. Nie jest konieczne umieszczanie zarówno wersji zminimalizowanej jak i nieskompresowanej. Wystarczy wersja zminimalizowana Bootstrap’owych plików.

A teraz napiszmy kod pierwszej strony w bootstrap .. (zapraszam do kolejnej części poradnika cheekyBootstrap - framework CSS - jak zrobić stronę www przy pomocy Bootstrap )

 

Zobacz w menu podobne artykuły do: Bootstrap framework CSS jak zrobić stronę www przy pomocy Bootstrap poradnik

Polski

Budowa responsywnych i mobilnych stron internetowych

bezpłatny kurs internetowy szkolenia, filmy: kliknij w temat, którego chcesz się nauczyć

szkolenia bezpłatne kolejne lekcje
kursy, porady, artykuły znajdziesz w Menu Tematycznym