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
120
Pull Request Trello (prtrello)
djalmaaraujo
0
140
Material Design Lite
djalmaaraujo
1
220
HPB JS Patterns
djalmaaraujo
0
120
Mercado Tecnologico - De Recife para o mundo
djalmaaraujo
0
120
Node webkit
djalmaaraujo
3
180
Other Decks in Programming
See All in Programming
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
160
XP, Testing and ninja testing
m_seki
3
220
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
0
220
Java on Azure で LangGraph!
kohei3110
0
170
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
380
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
120
GoのGenericsによるslice操作との付き合い方
syumai
3
700
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
100
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
580
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
0
200
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
1
710
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
610
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
14k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Making Projects Easy
brettharned
116
6.3k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
800
Speed Design
sergeychernyshev
32
1k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
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