如何使用引导程序使面板标题可点击？ [关闭]答案

【问题标题】：How to make panel header clickable with bootstrap? [closed]如何使用引导程序使面板标题可点击？ [关闭]
【发布时间】：2014-06-06 17:22:46
【问题描述】：

我正在尝试为移动设备创建一个网站，我希望折叠框可以点击，而不仅仅是文本。

提前致谢。

【问题讨论】：

请分享代码而不是网站。
你想要什么类型的？因为我有很多行代码，不知道在哪里更改它。虽然您可以右键单击并查看页面源代码，并查看代码。
@kristian 由于您之前评论中的问题没有得到解答，因此这里有一个答案：在小提琴或其他东西中用尽可能少的代码重现问题。在这种情况下，您只需向我们提供最多与引导程序提供的面板示例中一样多的代码
@kristian 你不认为你应该改变标记的答案吗？
请更正您使用的链接

【解决方案1】：

实际上，您只需将btn-block 作为一个类添加到a 标记中。

【讨论】：

【解决方案2】：

嗯。这是一种解决方法。最简单的方法是将display: block 分配给a 元素，然后使用width 和height 以像素为单位设置可点击区域。但是设置固定的宽度和高度会影响响应性。

更高级和灵活的方法是稍微改变一下HTML结构，让a在面板里面，然后添加display: block，而不是设置固定的width和height你可以使用百分位数，以便可点击区域继承面板的大小。

FIDDLE example 具有固定大小。

【讨论】：

它不起作用。我已将显示块添加到块中，但仍然只能在链接上点击
@kristian 您不应该将display: block 添加到块中，而是添加到a 元素中，例如a {display: block;}，然后将width: Xpx; 和height: Ypx; 添加到您的a 选择器中。它适用于您的网站和小提琴，请检查那里的代码，我确定您误解了我。
由于某种原因它现在可以工作了。我再次在块内添加了一个。谢谢你:)
@kristian 但请注意设置元素的固定高度和宽度可能存在的问题。它会影响响应性。在这种情况下使用百分位数更加灵活。玩一点 HTML 标记和样式，以便 a 元素从父元素继承宽度和高度。
adius 的答案要容易得多，而且效果也好得多。您甚至可以使用不同的按钮大小类来使标题的可点击区域更大。