BootstrapWeb stranica za sve preglednike

Vedran Tomljanovicvedran.tomljanovic@gmail.com

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: vedran.tomljanovic@gmail.com