如何使用bootstrap使面板标题可单击?

kri*_*ian 14 html css twitter-bootstrap

我正在尝试创建一个移动网站,我希望折叠框可点击而不仅仅是文本.

图片

我已上传该网站. http://kristian-jacobs.dk/mobileapp/

提前致谢.

adi*_*ius 37

实际上你只需要btn-blocka标签中添加一个类.

  • 这应该是公认的答案. (6认同)

kni*_*ion 1

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

更高级和灵活的方法是稍微更改 HTML 结构,以便将a位于面板内部,然后添加,但您可以使用百分位数而display: block不是设置固定,以便可单击区域继承面板的大小。widthheight

具有固定大小的FIDDLE 示例