use web template by bootstrap

Caesar Chifb, twitter@clonncd

Thursday, November 21, 13

We do not have front end engineerThursday, November 21, 13

Coder onlyThursday, November 21, 13

Maybe you can be both character.Thursday, November 21, 13

ButMost people

Does NOT


http://getbootstrap.com/




Grid System


Support different devices, responsive design build in


Typography


CodeTablesFormsButtonsImagesHelper classesResponsive utilities


http://getbootstrap.com/css/#code

http://getbootstrap.com/css/#code

http://getbootstrap.com/css/#tables

http://getbootstrap.com/css/#tables

http://getbootstrap.com/css/#forms

http://getbootstrap.com/css/#forms

http://getbootstrap.com/css/#buttons

http://getbootstrap.com/css/#buttons

http://getbootstrap.com/css/#images

http://getbootstrap.com/css/#images

http://getbootstrap.com/css/#helper-classes

http://getbootstrap.com/css/#helper-classes

http://getbootstrap.com/css/#responsive-utilities




GlyphiconsDropdownsButton groupsButton dropdownsInput groups

NavsNavbarBreadcrumbsPaginationLabelsBadgesJumbotron

Page headerThumbnailsAlertsProgress barsMedia objectList groupPanels


http://getbootstrap.com/components/#glyphicons

http://getbootstrap.com/components/#glyphicons

http://getbootstrap.com/components/#dropdowns

http://getbootstrap.com/components/#dropdowns

http://getbootstrap.com/components/#btn-groups




http://getbootstrap.com/components/#btn-dropdowns




http://getbootstrap.com/components/#input-groups

http://getbootstrap.com/components/#input-groups

http://getbootstrap.com/components/#nav

http://getbootstrap.com/components/#nav

http://getbootstrap.com/components/#navbar

http://getbootstrap.com/components/#navbar

http://getbootstrap.com/components/#breadcrumbs

http://getbootstrap.com/components/#breadcrumbs

http://getbootstrap.com/components/#pagination

http://getbootstrap.com/components/#pagination

http://getbootstrap.com/components/#labels

http://getbootstrap.com/components/#labels

http://getbootstrap.com/components/#badges

http://getbootstrap.com/components/#badges

http://getbootstrap.com/components/#jumbotron

http://getbootstrap.com/components/#jumbotron

http://getbootstrap.com/components/#page-header

http://getbootstrap.com/components/#page-header

http://getbootstrap.com/components/#thumbnails

http://getbootstrap.com/components/#thumbnails

http://getbootstrap.com/components/#alerts

http://getbootstrap.com/components/#alerts

http://getbootstrap.com/components/#progress

http://getbootstrap.com/components/#progress

http://getbootstrap.com/components/#media

http://getbootstrap.com/components/#media

http://getbootstrap.com/components/#list-group

http://getbootstrap.com/components/#list-group

http://getbootstrap.com/components/#panels

http://getbootstrap.com/components/#panels

Help YOU quick start a prototype


How to start it?


http://getbootstrap.com/getting-started/




Looking for the source code(html example)

&

Copy Paste


Good Artists Steal

Bad Artists Copy


http://badartistscopygoodartistssteal.wordpress.com/




Let’s do it from BAD...


use web template by bootstrap

Technology

quick start

different devices

caesar chi fb

source codehtml example

end engineer

grid system