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
100
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
110
Pull Request Trello (prtrello)
djalmaaraujo
0
130
Material Design Lite
djalmaaraujo
1
200
HPB JS Patterns
djalmaaraujo
0
110
Mercado Tecnologico - De Recife para o mundo
djalmaaraujo
0
110
Node webkit
djalmaaraujo
3
170
Other Decks in Programming
See All in Programming
動作確認やテストで漏れがちな観点3選
starfish719
6
1k
GAEログのコスト削減
mot_techtalk
0
110
Grafana Cloudとソラカメ
devoc
0
140
TokyoR116_BeginnersSession1_環境構築
kotatyamtema
0
110
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
240
How mixi2 Uses TiDB for SNS Scalability and Performance
kanmo
29
11k
テストをしないQAエンジニアは何をしているか?
nealle
0
130
最近のVS Codeで気になるニュース 2025/01
74th
1
250
Immutable ActiveRecord
megane42
0
130
ISUCON14公式反省会LT: 社内ISUCONの話
astj
PRO
0
180
SRE、開発、QAが協業して挑んだリリースプロセス改革@SRE Kaigi 2025
nealle
3
4.1k
WebDriver BiDiとは何なのか
yotahada3
1
140
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Designing Experiences People Love
moore
139
23k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
Facilitating Awesome Meetings
lara
51
6.2k
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