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
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
5.1k
Ruby on cygwin 2025-02
fd0
0
140
Formの複雑さに立ち向かう
bmthd
1
720
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
210
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
300
Linux && Docker 研修/Linux && Docker training
forrep
23
4.5k
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
660
ファインディの テックブログ爆誕までの軌跡
starfish719
2
1.1k
法律の脱レガシーに学ぶフロントエンド刷新
oguemon
5
730
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
41
15k
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
110
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
890
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
For a Future-Friendly Web
brad_frost
176
9.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Invisible Side of Design
smashingmag
299
50k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
GitHub's CSS Performance
jonrohan
1030
460k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
Typedesign – Prime Four
hannesfritz
40
2.5k
Embracing the Ebb and Flow
colly
84
4.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
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