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

Transcript

3. • • • •
13. •
14. •
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>
85. .img-responsive { max-width: "100%"; height: "auto"; }
97. •
98. •
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>
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; }
112. …
114. 