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

时间:2014-04-22 11:13:36

标签: html css twitter-bootstrap

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

Image

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

提前致谢。

2 个答案:

答案 0 :(得分:36)

实际上,您只需将btn-block作为一个类添加到a代码中。

答案 1 :(得分:0)

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

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

FIDDLE example,尺寸固定。