Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Bootstrap and the future of styling

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Ana Sampaio Ana Sampaio
May 20, 2014
Design
94
0

Bootstrap and the future of styling

@Ana Sampaio and @João Ferreira talked about "Bootstrap and the future of styling" at Microsoft WebCamp: Lisbon 2014

Avatar for Ana Sampaio

Ana Sampaio

May 20, 2014

Other Decks in Design

See All in Design
【CEDEC2026】派手さと見やすさは両立できる！『Shadowverse: Worlds Beyond』エフェクト・3D背景の超進化したビジュアル設計
Avatar for Cygames, Inc. cygames
PRO
2
2.2k
人工知能のための哲学塾 ニューロフィロソフィ篇 第参夜「河合隼雄と中空構造」
Avatar for miyayou miyayou
0
110
みんながデザインを担う組織へ。急加速する開発組織でのデザイナーの戦略
Avatar for Takeru Mukai mukai_takeru
0
340
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
Avatar for Beeworks Marketing Design webnaut
2
290
デザイナーの判断をAIにつなぐ ── 審美眼をハーネスする試み
Avatar for Kota SAITO kotasaito_cnt
0
1.2k
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ～継承と挑戦を両立するデザイン手法～
Avatar for Cygames, Inc. cygames
PRO
4
5.4k
Navigating the journey into design leadership - Hatch Atelier, Berlin, 2026
Avatar for Andy Polaine apolaine
0
120
工房としてのAI ── デザイナー、作家、ビルダー
Avatar for hiranotomoki hiranotomoki
0
530
凡庸を落とすハーネス
Avatar for Hiromi Maeo hiromimaeo
2
980
デザイン組織の"次の"強みづくり
Avatar for 井斉花織（いおり） isaikaori
2
320
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
390
AI-DLC AI駆動開発ライフサイクルとAI-DLC Worlflows V2のご紹介
Avatar for Atsushi Fukui fatsushi
0
140

Featured

See All Featured
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.8k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.5k
Visualization
Avatar for Eitan Lees eitanlees
153
17k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.4k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
184
10k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
8.1k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
370
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
1
570
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
270
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
68
59k

Transcript

  1. None
  2. None

  3. • • • •

  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None

  13. •

  14. •

  15. None
  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None
  44. None
  45. None
  46. None
  47. None

  48. <div class="row"> <div class="col-md-8"><!--Info--></div> <div class="col-md-4"><!--Register--></div> </div> <div class="row"> <div

    class="col-md-4"> <!--Map--> </div> <div class="col-md-8"> <!--Details and Schedule--> </div> </div>

  49. <div class="row"> <div class="col-md-8"><!--Info--></div> <div class="col-md-4"><!--Register--></div> </div> <div class="row"> <div

    class="col-md-4 col-md-push-8"> <!--Map--> </div> <div class="col-md-8 col-md-pull-4"> <!--Details and Schedule--> </div> </div>
  50. None
  51. None
  52. None
  53. None
  54. None
  55. None
  56. None
  57. None
  58. None
  59. None
  60. None
  61. None
  62. None
  63. None
  64. None
  65. None
  66. None
  67. None
  68. None
  69. None
  70. None
  71. None
  72. None
  73. None
  74. None
  75. None
  76. None
  77. None
  78. None
  79. None
  80. None
  81. None
  82. None
  83. None
  84. None

  85. .img-responsive { max-width: "100%"; height: "auto"; }

  86. None
  87. None
  88. None
  89. None
  90. None
  91. None
  92. None
  93. None
  94. None
  95. None
  96. None

  97. •

  98. •

  99. None

  100. //Close button in alerts <button type="button" class="close" data-dismiss="alert"> &times; </button>

    //Close button in modals <button type="button" class="close" data-dismiss="modal"> &times; </button>
  101. None
  102. None

  103. //Media queries for an individual componente //envisioned by @jon_neal .widget:media(max-width:

    300px) { font-size: 14px; } .widget:media(max-width: 900px) { font-size: 18px; }
  104. None
  105. None
  106. None
  107. None
  108. None
  109. None
  110. None
  111. None

  112. …

  113. None

  115. None