ASP MVC 复选框在 chrome 中不可点击答案

【问题标题】：ASP MVC Checkbox not clickable in chromeASP MVC 复选框在 chrome 中不可点击
【发布时间】：2016-04-23 03:53:24
【问题描述】：

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

我正在使用引导行/列 div 进行格式化。当我在div class="col-md-2" 中放置一个复选框时，该复选框在 Google Chrome 中是不可点击的。但是它确实在 IE 中工作。

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

该项目使用默认的 Site.css 和 bootstrap.css，由 Visual Studio 生成。

来源：

<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>

【问题讨论】：

在 Bootstrap 的网站上，当他们提供网格系统示例时，他们说 Bootstrap 包含一个响应式、移动优先的流体网格系统，该系统可以适当地扩展到 12 列作为设备或视口大小增加。.. 在您的示例中，您的 btnAdd 与 col-md-12.. 如果您将 btnAdd 设置为 col-md-10 并将复选框保留为 col-md-10 会发生什么情况? CodePen
是的，已经解决了，谢谢你的帮助
我添加了我的答案，所以如果您可以将其标记为已接受，让其他人知道它已被回答。谢谢。

标签： html css asp.net-mvc twitter-bootstrap razor

【解决方案1】：

在Bootstrap 的网站上，当他们提供网格系统示例时，他们说Bootstrap 包含一个响应式、移动优先的流体网格系统，随着设备或视口大小的增加，该系统会适当地扩展到 12 列...在您的示例中，您的btnAdd 与col-md-12 的col 数量最多。如果您将btnAdd 设置为col-md-10 并将复选框保留为col-md-10，会发生什么情况？

CodePen

【讨论】：