Upload
vedran-tomljanovic
View
339
Download
2
Embed Size (px)
DESCRIPTION
Bootstrap - Web stranica za sve preglednike
Citation preview
BootstrapWeb stranica za sve preglednike
Vedran [email protected]
Part 1: About
Meet
the
Boots
trapMark Otto and Jacob
Thornton (aka @mdo and
@fat)
Bootstrap was created by me at Twitter as a means to
make better looking internal tools. … It started off as a
simple HTML/CSS thing, then Jacob built plugins on top
of it, and we open sourced it together.
We made it at Twitter, so when we wanted to open
source it, we went to Twitter to ensure it was good to
go. Thus, it was named Twitter Bootstrap (originally,
“Bootstrap, from Twitter” actually).
Now, it’s back to just
“Bootstrap”.
Meet
the
Boots
trap
Dow
nlo
ad
boots
trap
late
st
Part 2: Responsive
Resp
onsi
ve
desi
gn
Resp
onsi
ve
desi
gn
Off
sett
ing
colu
mns
Off
sett
ing
colu
mns
Devi
ce
dependent
conte
nt
Prin
ter
dependent
conte
nt
Part 3: ComponentsOnly interesting!
Gly
ph
icon
s
Inp
ut
gro
up
s
Bre
ad
cru
mb
s
Pagin
ati
on
Badges
Progre
ss
bars
Media
obje
cts
Navb
ars
Part 4: Javascript partsOnly interesting!
Modal
dia
logs
Scr
oll
spy
Caro
use
l
Butt
ons
Popove
r
Colla
pse
(a
ccord
ion)
Part 5: Tools
18
Ess
en
tial
Boots
trap
U
I Ed
itors
http://mashable.com/2013/10/20/bootstrap-editors/
Part 6: Speedy webLet’s make it in 10 minutes
Direct
copy
htm
l fro
m
boots
trapBasic template:
http://getbootstrap.com/getting-started/#template
Add navbar:
http://getbootstrap.com/components/#navbar
Add jumbotron (featured key content):
http://getbootstrap.com/components/#jumbotron
Add few images:
http://getbootstrap.com/components/#thumbnails
Part 7: Questions
No more parts: Thanks All questions: [email protected]