How to make panel header clickable with bootstrap? [closed]

Question

I am trying to create a website for mobile, and I would like the collapse box clickable and not only the text.

I have uploaded the site. http://kristian-jacobs.dk/mobileapp/

Thanks in advance.

Answer 1

Actually you just have to add btn-block as a class to the a tag.

Answer 2

Well. Here is a workaround. The easiest way is to assign display: block to your a element and then setup the clickable area with width & height in pixels. But setting fixed width and height can impact the responsive nature.

A more advanced and flexible way is to change a bit the HTML structure, so as the a will be inside the panel and then add display: block, but instead of setting the fixed width and height you can use percentiles so as the clickable zone inherits the size of the panel.

FIDDLE example with fixed sizes.