This is one of the oddest things I have encountered while trying to use the Bootstrap Framework AKA Base ReadyTheme. On a category page I was replacing an old table layout with divs
When the screen size is in that xs small range, all the links work, full screen they don't.
Code:
<div style="border: solid 4px #000000; background-color:#FFFFFF;"> <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Flat"><img src="/images/Flat_doors.gif" class="img-responsive"></a></div> <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Raised"><img src="/images/RaisedPanel_doors.gif" class="img-responsive"></a></div> <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Mitered"><img src="/images/Mitered_doors.gif" class="img-responsive"></a></div> <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Mission"><img src="/images/Mission_doors.gif" class="img-responsive"></a></div> <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Beadboard"><img src="/images/bead_doors.gif" class="img-responsive"></a></div> <div class="col-md-12 col-sm-12 col-xs-12" style="text-align:center; margin-bottom:20px;"><img src="/images/GlassDoors2.jpg" class="img-responsive"></div> <div style="clear:both;"></div> </div>
Comment