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
The Monolith Strikes Back: Why AI Agents ❤️ Rails Monoliths
serradura
0
300
Running Swift without an OS
kishikawakatsumi
0
760
10 Tips of AWS ~Gen AI on AWS~
licux
5
300
車輪の再発明をしよう!PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
h1r0
3
520
セグメントとターゲットを意識するプロポーザルの書き方 〜採択の鍵は、誰に刺すかを見極めるマーケティング戦略にある〜
m3m0r7
PRO
0
470
ふりがな Deep Dive try! Swift Tokyo 2026
watura
0
190
[PHPerKaigi 2026]PHPerKaigi2025の企画CodeGolfが最高すぎて社内で内製して半年運営して得た内製と運営の知見
ikezoemakoto
0
340
PHPのバージョンアップ時にも役立ったAST(2026年版)
matsuo_atsushi
0
300
安いハードウェアでVulkan
fadis
1
950
CDK Deployのための ”反響定位”
watany
4
690
PHP 7.4でもOpenTelemetryゼロコード計装がしたい! / PHPerKaigi 2026
arthur1
1
560
YJITとZJITにはイカなる違いがあるのか?
nakiym
0
200
Featured
See All Featured
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
110k
Color Theory Basics | Prateek | Gurzu
gurzu
0
290
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.8k
Utilizing Notion as your number one productivity tool
mfonobong
4
290
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
140
RailsConf 2023
tenderlove
30
1.4k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.3k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
From π to Pie charts
rasagy
0
160
WCS-LA-2024
lcolladotor
0
530
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