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>

这种格式可以确保当您从两个小于桌面的任何位置查看块时，它将获得最大宽度，因此它不会很小。

从自定义按钮

1 个答案: