Transcript Bootstrap

Bootstrap
Ines Kopilović
Šta je Bootstrap ?

Front-end Frame-work

Verzija 3.1.1

RWD i web aplikacije

Pristup mobilnim uređajima

Ne podržavaju ga IE6, IE7 i stariji pretraživači
Istorijat

Mark Otto i Jacob Thornton

Twitter

Avgust 2011.

Broj 1 na GitHub-u
Zašto Bootstrap ?

Jednostavan za rezvijanje

Podržavaju ga skoro svi popularni pretraživači

Kompatibilan za razne uređaje

Lak za korišćenje i veoma pregledan

Besplatan
Zašto NE Bootstrap ?

Komplikovane promene dizajna

Nemoguće je ubaciti Bootstrap u već postojeći kod

Previše ,,nepotrebnih’’ klasa

Zauzima previše memorije

Slični sajtovi
Kako početi ?

http://getbootstrap.com/

CDN
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/boots
trap/3.2.0/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/
jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bo
otstrap.min.js"></script>
Šta je najvažnije znati ?

Grid sistem
Grid sistem
Grid sistem
Bootstrap Glyphicons

.svg vektorske ikonice

<span class=”glyphicon glyphicon-search”></span>

http://getbootstrap.com/components/
Ostale komponente

Dropdown

Navigation

Button group

Pagination

Progress bar
Bootstrap =
+
+
Primer