Szkolenia informatyczne: biuro, technologie internetowe, egzaminy technik
CENA - OFERTA: Jesteś zainteresowany/na kursem – zapraszam do kontaktu ze mną, szczegóły: www.poswojsku.pl .
Bootstrap framework CSS jak zrobić stronę www przy pomocy Bootstrap poradnik
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 (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 Bootstrap - framework CSS - jak zrobić stronę www przy pomocy Bootstrap )