Date post: | 23-Aug-2014 |
Category: |
Internet |
Upload: | joao-ferreira |
View: | 186 times |
Download: | 3 times |
•
•
•
•
•
•
<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;
}
…