Witam serdecznie.
Piszę sobie stronę opartą na Bootstrapie.
Mam na niej 4 grafiki takie jak na obrazku:
http://i62.tinypic.com/29xzq0m.png
Wszystko niby fajnie ale chciałbym aby ta strona wyświetlana na telefonie powodowała aby te obrazki były obok siebie ( może zmniejszały się ) a nie ustawiały jeden pod drugim. Jak to zrobić?
Tak wyglądają DIVy
<div class="row mt ">
<div class="col-lg-3 col-md-3 col-xs-12 desc">
<img width="300" height="400" src="assets/img/krzywe/logo.png" alt="" />
<a href="#" target=blank><p style="font-size: 25px; font-family: 'Allura';">Przycisk1</p></a>
</div>
<div class="col-lg-3 col-md-3 col-xs-12 desc">
<img width="300" height="400" src="assets/img/krzywe/img1.png" alt="" />
<a href="#" target=blank><p style="font-size: 25px; font-family: 'Allura';">Przycisk2</p></a>
</div>
<div class="col-lg-3 col-md-3 col-xs-12 desc">
<img width="300" height="400" src="assets/img/krzywe/img2.png" alt="" />
<a href="#" target=blank><p style="font-size: 25px; font-family: 'Allura';">Przycisk3</p></a>
</div>
<div class="col-lg-3 col-md-3 col-xs-12 desc">
<img width="300" height="400" src="assets/img/krzywe/img3.png" alt="" />
<a href="#" target=blank><p style="font-size: 25px; font-family: 'Allura';">Przycisk4</p></a>
</div>
</div>