javascript - 从自定义按钮禁用 Bootstrap

Question

如何禁用 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)。

Answer 1

删除 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 时，它将获得最大宽度，因此它不会很小。