Cäptin Pommes
Erfahrenes Mitglied
Hallo Leute,
ich habe eine Headline die in 3 Teile unterteilt sind (3 Bilder). Das Linke und das Rechte Bild sollen allerdings nicht mehr angezeigt werden, wenn der Platz zu gering wird(Smartphones etc...)
Ich bin generell recht grün hinter den Ohren wenns um Webseiten geht und mit Bootstrap hab ich Heute auch erst angefangen. Ich hab diverse Spalten Kombinationen ausprobiert mit xs, md, etc ... hat leider nicht funktioniert.
Hier mal der Code:
Die beiden äußeren Bilder sollen dann bei zu geringen Platz verschwinden, also die, die sich momentan in "col-md-3" befinden.
Kann mir da einer helfen? Wäre euch sehr verbunden!
ich habe eine Headline die in 3 Teile unterteilt sind (3 Bilder). Das Linke und das Rechte Bild sollen allerdings nicht mehr angezeigt werden, wenn der Platz zu gering wird(Smartphones etc...)
Ich bin generell recht grün hinter den Ohren wenns um Webseiten geht und mit Bootstrap hab ich Heute auch erst angefangen. Ich hab diverse Spalten Kombinationen ausprobiert mit xs, md, etc ... hat leider nicht funktioniert.
Hier mal der Code:
Code:
<div class="container headLine">
<div class="row">
<div class="col-md-3">
<img class="img-responsive headImg" src="~/Content/img/singer.jpg" />
</div>
<div class="col-md-6">
<img class="img-responsive headImg center-block" src="~/Content/img/mainLogo.png" />
</div>
<div class="col-md-3">
<img class="img-responsive headImg imgFlip" style="float:right" src="~/Content/img/female-singer.jpg" />
</div>
</div>
.
.
.
Die beiden äußeren Bilder sollen dann bei zu geringen Platz verschwinden, also die, die sich momentan in "col-md-3" befinden.
Kann mir da einer helfen? Wäre euch sehr verbunden!