我正在使用Bootstrap在网站上工作，但有一个我似乎无法解决的问题。这是该网站的草稿。
在“我们做什么”面板上，我在第一个缩略图框上创建了一个可单击的模式窗口（在缩略图下显示“ Enterprise Software development”）。如果您在非移动设备上单击缩略图，则会弹出一个模式窗口。
在台式计算机（或笔记本电脑）上，它可以正常工作。但是在iOS（iPhone，iPad等）上，它根本不起作用：即，点击它不会弹出模态窗口。
但是，如果您在“我们是谁”面板上的页面下方看，会有一个“查看有关Tim ...的更多信息”按钮。如果单击或点击该按钮，它将在所有设备（包括iOS）上运行。
我可以看到两者之间的唯一区别是，第一个在<div>标签上，而第二个在<button>标签上。
Bootstrap是否不支持从<div>iOS设备上启动模式窗口？如果可以，您是否发现我的代码有任何错误，导致仅在iOS设备上失败？
克里斯的答案是正确的。改变div的button，将有助于澄清你的标记。但是，如果您需要保留相同的标记，则还可以将其添加cursor: pointer到div元素中，以使safari知道这是可以单击的内容。它还使鼠标用户具有标准的视觉提示，该元素也可以单击。
只需添加类clickable，然后包括以下CSS：
.clickable {
cursor: pointer;
}
注意，我btn这里没有使用Bootstrap的类，因为它们会cursor自动添加规则。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句