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
Primeros pasos con twitter bootstrap
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
kuadrosx
June 28, 2012
Programming
140
1
Share
Primeros pasos con twitter bootstrap
kuadrosx
June 28, 2012
Other Decks in Programming
See All in Programming
レガシーPHP転生 〜父がドメインエキスパートだったのでDDD+Claude Codeでチート開発します〜
panda_program
0
690
「話せることがない」を乗り越える 〜日常業務から登壇テーマをつくる思考法〜
shoheimitani
4
720
「効かない!」依存性注入(DI)を活用したAPI Platformのエラーハンドリング奮闘記
mkmk884
0
320
Running Swift without an OS
kishikawakatsumi
0
760
Going Multiplatform with Your Android App (Android Makers 2026)
zsmb
2
380
ファインチューニングせずメインコンペを解く方法
pokutuna
0
300
Feature Toggle は捨てやすく使おう
gennei
0
560
メッセージングを利用して時間的結合を分離しよう #phperkaigi
kajitack
3
580
車輪の再発明をしよう!PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
h1r0
3
520
Oxlintとeslint-plugin-react-hooks 明日から始められそう?
t6adev
0
190
[PHPerKaigi 2026]PHPerKaigi2025の企画CodeGolfが最高すぎて社内で内製して半年運営して得た内製と運営の知見
ikezoemakoto
0
340
2026-03-27 #terminalnight 変数展開とコマンド展開でターミナル作業をスマートにする方法
masasuzu
0
320
Featured
See All Featured
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
270
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
52k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
160
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.3k
Producing Creativity
orderedlist
PRO
348
40k
Chasing Engaging Ingredients in Design
codingconduct
0
170
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
510
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2k
My Coaching Mixtape
mlcsv
0
97
Done Done
chrislema
186
16k
Transcript
Primeros pasos con twitter bootstrap Jorge H. Cuadrado
¿Que es twitter bootstrap?
Obtener una plantilla inicial http://initializr.com/ • Seleccionár Bootstrap • Css
en lugar de less • Seleccionar plugins.js • Clic en "Download it!"
Entendiendo index.html y amigos • index.html: <head> y scripts •
modernirz+responds • plugins.js • chrome frame • bootstrap ◦ javacripts ◦ css ◦ imgs
Cuadricula (12) y layout
Cuadricula (12) y Layout .container .row .span4 .span8
Responsive design Layout Fluido • Layout: .container-fluid y .row-fluid
Responsive design Esconder o mostrar en: smartphone: ancho menor a
480px tablet: ancho menor a 767px desktop: ancho superior a 768px
Estilos básicos • Tipografias • Partes de Código • Tablas
• Formularios • Botones • Iconos
Componentes • Grupo de botones • Button dropdowns • Miniaturas
o Thumbnails • Navegación: Paginación, Tabs, Nav List
Javascript • Modal • Tooltips • Popover • Carrusel
¿Qué sigue? Preprocesadores: • css: Less o Sass • html:
Haml o Slim • javascript: coffeescript Javascript mvc frameworks: • http://backbonejs.org/ • http://emberjs.com/
Grandes cosas están por llegar http://yeoman.io/
¡Gracias y Happy Hacking! Jorge H. Cuadrado @kuadrosx http://preguntas.dev-co.org @nounproject