Szkolenia informatyczne: biuro, technologie internetowe, egzaminy technik

CENA - OFERTA: Jesteś zainteresowany/na kursem – zapraszam do kontaktu ze mną, szczegóły: www.poswojsku.pl .

kurs tworzenie witryn www
szkolenie technik informatyk programista inf.03 ee.09 inf.04 egzamin przygotowanie

 

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