javascript - Disable Bootstrap from a custom button -
its me. wondering if disable bootstrap resizing button inside of div element. order button , gets invisible if used in mobile device.
it link, image (which button). here script it:
<div class="buttonimage" style="color:green" style="font-size: 2"> <a href="transaction.html?totalprice=3000"> <img src="img/orderbutton.png" width="15%" height="15%" onmouseover="this.src='img/orderbuttonhover.png'" onmouseout="this.src='img/orderbutton.png'" alt="orderbutton"/> </a> <label class="cash">3000 points</label> </div>
is there suggestion not resize button? div element not resized, buttons instead. , also, left button resizes first before middle , right button (there 3 divs horizontally, 6 divs vertically).
thanks in advance!
edit: still unsolved, anyone? :(
remove width="15%" height="15%"
, add class of img-responsive
, apply mobile classes parent div mobile screen's.
<div class='col-lg-2 col-xs-12'> <div class="buttonimage" style="color:green" style="font-size: 2"> <a href="transaction.html?totalprice=3000"> <img class='img-responsive' src="img/orderbutton.png" alt="orderbutton"/> </a> <label class="cash">3000 points</label> </div> </div>
this format ensure when viewing block smaller desktop @ 2 columns max width it's not tiny.
Comments
Post a Comment