Question

我在剃刀视图中使用HTML / Bootstrap时出现问题。

我正在使用bootstrap row / col div来进行格式化。当我在div class="col-md-2"中放置一个复选框时，该复选框无法在Google Chrome中点击。但它确实可以在IE中使用。

如果我删除div class="col-md-2"，则该复选框变为可点击。

该项目使用由visual studio制作的默认Site.css和bootstrap.css。

来源：

<div class="row">
    <div class="col-md-2"><input type="checkbox" id="checkall" value="checkall"><span>Check All</span></div>
    <div class="col-md-12"><input id="btnAdd" type="button" class="btn btn-secondary-outline" value="+" onclick="AddParamAll();" /></div>
</div>

Answer 1

在Bootstrap的网站上，当他们提供网格系统的示例时，他们会说 Bootstrap包含一个响应式，移动的第一流体网格系统，可以适当地扩展到12列作为设备或视频大小增加 ...在您的示例中，btnAdd的最大合作金额为col-md-12。如果您将btnAdd设为{{}}，会发生什么？ {1}}并将复选框保留为col-md-10？

CodePen

ASP MVC复选框无法在chrome中单击

1 个答案: