bootstrap and the future of styling
DESCRIPTION
@Ana Sampaio and @João Ferreira talked about "Bootstrap and the future of styling" at Microsoft WebCamp: Lisbon 2014TRANSCRIPT
•
•
•
•
•
•
<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>
<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>
.img-responsive {
max-width: "100%";
height: "auto";
}
•
•
//Close button in alerts
<button type="button" class="close" data-dismiss="alert">
×
</button>
//Close button in modals<button type="button" class="close" data-dismiss="modal">
×
</button>
//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;
}
…