Bootstrap orientation issue
Development and Programming
12 years ago
I am creating a website using bootstrap.js. When i test website into a tablet i face the following problem, when I rotate tablet and change orientation, instead of the default behavior, which is place one div at the bottom of the other without scaling the size of the div, it actually resize all my divs without making any change at the position of the elements just to fit at the new browser width. I am using the default layout from . The weird is that the initial page was containing only text and works fine but when i change text with images, it occured the problem i mention. Any ideas??
<body>
<div class="container-fluid">
<div class="row-fluid">
<div class="span4">
<img src="http://www.artpause.com/upload/uppic/202-mondrian-world-map-canvas-art.jpg" alt="" />
</div>
<div class="span4">
<img src="http://www.artpause.com/upload/uppic/202-mondrian-world-map-canvas-art.jpg" alt="" />
</div>
<div class="span4">
http://t2.gstatic.com/images?q=tbn:ANd9GcQBaSNwAG4aSVUhwf6ijVMu8NmqqXZmKUgcN4DLdSz5391w2tIQvQ
</div>
<div class="row-fluid">
<div class="span4">
<img src="http://www.serviceaubar.com/blog/wp-content/uploads/2011/11/tag.jpg" alt="" />
</div>
<div class="span4">
<img src="http://www.serviceaubar.com/blog/wp-content/uploads/2011/11/tag.jpg" alt="" />
</div>
<div class="span4">
<img src="http://www.serviceaubar.com/blog/wp-content/uploads/2011/11/tag.jpg" alt="" />
</div>
</div>
<div class="row-fluid">
<div class="span4">
<img src="http://wwwstereosiscom.c.presscdn.com/wp-content/uploads/2013/05/photoday-960x500.jpg" alt="" />
</div>
<div class="span4">
<img src="http://wwwstereosiscom.c.presscdn.com/wp-content/uploads/stereosis2.jpg" alt="" />
</div>
<div class="span4">
<img src="http://www.stereosis.com/wp-content/uploads/2013/01/STEREOSIS-ELIZABETH.jpg" alt="" />
</div>
</div>
</div>
</body>