Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Twitter Bootstrap
Search
Djalma Araújo
April 15, 2012
Programming
0
110
Twitter Bootstrap
Lightning talk [at] Pernambuco.JS
Djalma Araújo
April 15, 2012
Tweet
Share
More Decks by Djalma Araújo
See All by Djalma Araújo
Coding Standards - Wollets :)
djalmaaraujo
0
120
Pull Request Trello (prtrello)
djalmaaraujo
0
150
Material Design Lite
djalmaaraujo
1
230
HPB JS Patterns
djalmaaraujo
0
140
Mercado Tecnologico - De Recife para o mundo
djalmaaraujo
0
130
Node webkit
djalmaaraujo
3
190
Other Decks in Programming
See All in Programming
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
geniee_inc
0
110
品質ワークショップをやってみた
nealle
0
220
XP, Testing and ninja testing ZOZ5
m_seki
3
650
アメ車でサンノゼを走ってきたよ!
s_shimotori
0
220
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
160
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
250
私はどうやって技術力を上げたのか
yusukebe
43
18k
Cloudflare AgentsとAI SDKでAIエージェントを作ってみた
briete
0
150
Advance Your Career with Open Source
ivargrimstad
0
540
2分台で1500examples完走!爆速CIを支える環境構築術 - Kaigi on Rails 2025
falcon8823
3
3.6k
Flutterで分数(Fraction)を表示する方法
koukimiura
0
130
All About Angular's New Signal Forms
manfredsteyer
PRO
0
160
Featured
See All Featured
Producing Creativity
orderedlist
PRO
347
40k
The Cost Of JavaScript in 2023
addyosmani
55
9k
Six Lessons from altMBA
skipperchong
29
4k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Documentation Writing (for coders)
carmenintech
75
5.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Music & Morning Musume
bryan
46
6.8k
Gamification - CAS2011
davidbonilla
81
5.5k
Navigating Team Friction
lara
190
15k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
590
Transcript
Bootstrap, from Twitter Simple and flexible HTML, CSS, and Javascript
for popular user interface components and interactions. http://twitter.github.com/bootstrap/ @mdo & @fat
Boots what? It’s a trap bino! • Front-end Toolkit !
• Criadores: @mdo, @fat [at] @twitter ! • Desenvolvimento rápido ! • Componentes “ready to use” ! • LESS
Features • Scaffolding ! • Base CSS ! • Components
! • Javascript plugins ! • Using LESS
Features/ Scaffolding Default grid system Fixed layout Fluid layout Responsive
design 12 columns
Features/ Base CSS Typography Tables Forms Buttons & Icons
features/ Components Buttons, Navigation, Labels, Badges, Typography, Thumbnails, Alerts, Progress
bars, Miscellaneous
Components/ Button groups
Components/ Navigation
Components/ Labels, Badges, Alerts Badges Labels Alerts
Components/ Typography, Thumbnails, Progress Bars
features/Javascript Plugins Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button,
Collapse, Carousel, Typehead
Javascript Plugins/ Live =) http://twitter.github.com/bootstrap/javascript.html it moves like jagger!
LESS http://twitter.github.com/bootstrap/less.html
Gem’s, Plugins, Snippets, themes.. • https://github.com/seyhunak/twitter-bootstrap-rails ! • http://addyosmani.com/blog/jquery-ui-bootstrap/ !
• http://wrapbootstrap.com/ ! • http://www.eyecon.ro/bootstrap-datepicker/ ! • http://bootswatch.com/ ! • LESS
Apps + Bootstrap http://builtwithbootstrap.com/
thanks! se vira nos 15min! http://github.com/djalmaaraujo @djalmaaraujo pianolab.com.br