Javascript Bootstrap 3手风琴面板问题

本质上，我有一个我在Bootstrap中创建的页面，页面顶部的60%被一个流体容器占据。我希望底部40%由四个可点击的手风琴面板组成，每个面板10%

我已经设置好了，但问题是我无法更改面板的大小。如果你点击这个链接，你可以看到我已经创建了什么

下图显示了我正在努力实现的目标

---

任何帮助都将不胜感激。

如果我正确理解您的意思，在面板标题中添加一些填充可能会有所帮助：

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

---

我只是请求谷歌硬盘文件的许可。请让我看看。答案中的链接已更改