Bootstrap 3手风琴面板问题

Question

Essentially I have a page I made in Bootstrap, where the top 60% of the page is taken up by a fluid container. I want the bottom 40% to consist of four clickable Accordion panels at 10% each.

I have set this up, but the problem is I cannot change the size of the panels. If you follow this link, you can see what I've already created.

http://bootstrapissue.s3-website-us-west-2.amazonaws.com

The image below shows what I am trying to accomplish.

http://i.stack.imgur.com/VMGUd.png

Any help would be GREATLY appreciated.

Answer 1

adding some padding to the panel title might help if I understand you correctly:

h4.panel-title {
padding: 25px;
}

It will produce this