Bootstrap framework CSS jak zrobić stronę www przy pomocy Bootstrap poradnik
PROMOCJA WAKACJE 2024 – RABATY nawet do 66% …
Wydawnictwo Cyfrowe poswojsku.pl - cyberbezpieczeństwo, AI, RODO - ebooki:
Twoje bezpieczeństwo w świecie cyber i sztucznej inteligencji Część 1 Wprowadzenie
Twoje bezpieczeństwo w świecie cyber i sztucznej inteligencji Część 2 Cyberhigiena
Twoje bezpieczeństwo w świecie cyber i sztucznej inteligencji Część 3 Dziecko i Ty
AI w EDUKACJI Część I Praktyczny poradnik nie tylko dla nauczycieli
AI w EDUKACJI Część II Praktyczne pomysły na kreatywną naukę
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 )