Bootstrap

Predgovor

Twitter Bootstrap je najpopularniji CSS Framework današnjice. U knjizi 'Bootstrap' naičit ćete kako koristiti Bootstrap te kako izraditi responsivnu web stranicu.

Uvod

Bootstrap koristi osnovne module kao što su Grid, Typography, Tables, Forms, Buttons i Responsiveness. Osim toga ima i predefinirane komponente: Dropdowns, Navigation, Modals, Typehead, Pagination, Carousal, Breadcrumb, Tab, Thumbnails, Headers, ...itd.
Iako kritičari tvrde da svi Bootstrap projekti izgledaju isto postoje brojni načini kako se Bootstrap template može podesiti.

Bootstrap download i file struktura

Bootstrap možemo skinuti sa stranice Bootstrap download. Preporuča se da se skine kompletna verzija 'Source Code' koja sadrži file strukturu kao na slici dolje.
Na githubu također postoji uvijek najnovija verzija Bootstrapa (https://github.com/twbs/bootstrap) gdje također možemo vidjeti kompletnu file strukturu.



Osim ovog načina da lokalno se izvrši download, Bootstrap se može koristiti i preko CDN-a.

Osnovni fajlovi

Osnovni fajlovi koje bi se trebali nalaziti u Bootstrap projektu jesu:
/bootstrap/dist/css/bootstrap.min.css
/bootstrap/dist/js/bootstrap.min.js

Osim ovih fajlova važno je spomenuti:
/bootstrap/js/ - dir sa js pluginovima
/bootstrap/less/ - dir sa less fajlovima. Korisno ako koristimo Less u Bootstrap projektu.

Također je dobro napraviti i assets dir sa slijedećim fajlovima:
/bootstrap/assets/js/html5shiv.js - koji vrši korekciju HTML5 semantičkih tagova, npr. article, section, ...itd. za IE8
/bootstrap/assets/js/respond.min.js - koji omogućava upotrebu media queries-a u IE8
/bootstrap/assets/js/jquery.min.js - jQuery

Ostali podaci

1. Popis uređaja sa specifikacijom veličine ekrana naći ćete ovdje.