Lid |
|
Beste,
ik heb de volgende code:
<div class="row">
<div class="col-xs-12 col-sm-8 col-md-8 margin-top-12">
<img src="/images/xxx/xxx-nl.png" alt="" width="100%" />
</div>
<div class="col-xs-12 col-sm-4 col-md-4 margin-top-12">
<img src="/images/xxx/pre-sale.png" alt="" width="100%" />
</div>
</div>
<div class="col-xs-12 col-sm-8 col-md-8 margin-top-12"> <img src="/images/xxx/xxx-nl.png" alt="" width="100%" /> <div class="col-xs-12 col-sm-4 col-md-4 margin-top-12"> <img src="/images/xxx/pre-sale.png" alt="" width="100%" />
Het probleem nu is echt dat op een groot scherm de hoogtes perfect zijn maar als ik kleiner ga schalen dat de linker image (xxx-nl.png) hoger blijft als de image er naast.
Ik wil juist dat de hoogte ten alle tijden het zelfde blijft.
Is dit mogelijk met bootstrap of gaat dit niet lukken? hopelijk kan iemand mij helpen met dit probleem, zal wel een simpele oplossing zijn maar loop hier al enig tijd mee rond
EDIT: Heb de oplossing gekregen van iemand De bootstrap setting overschijven en nu werkt het perfect. Van pixels naar percentages dus.
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
padding-right: 1%!important;
padding-left: 1%!important;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 1%!important; padding-left: 1%!important; }
|