如何禁用 Bootstrap 调整 div
元素内的按钮大小。它是一个订单按钮,如果在移动设备中使用,它几乎不可见。
它实际上是一个a
标签,里面有一个img
。
这是以下脚本:
<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>
有什么建议不要调整此按钮的大小吗?我的 div
元素不会调整大小,但按钮会调整。而且,最左边的按钮先于中间和右边的按钮调整大小(水平 3 个 div,垂直 6 个 div)。
最佳答案
删除 width="15%"height="15%"
并添加 img-responsive
类,并将移动类应用于移动屏幕的父 div。
<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>
此格式将确保当您从任何小于桌面的两列查看 block 时,它将获得最大宽度,因此它不会很小。
关于javascript - 从自定义按钮禁用 Bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43412361/