第一个手风琴面板与其他人排成一排

时间:2015-06-02 08:41:27

标签: jquery css twitter-bootstrap

我正在使用Bootstrap Accordion来创建包含许多产品的页面。我在3列中有11个面板。当窗口大小显示所有3列时,第一个面板与第一行中的其他面板不垂直对齐。下面行中的所有其他面板都是对齐的。

链接到Screenshot

有很多代码,所以我给它一个链接,因为我不知道要在帖子中插入多少。

Link to code in JS Bin

我对这个&不明白它是如何工作的。我已经搜索了答案但找不到任何针对这个具体问题的内容,所以非常感谢您的建议。

2 个答案:

答案 0 :(得分:0)

在你的css中添加这个

 #accordion .panel:nth-of-type(1){
  margin-top: 5px;
}

Bootstrap不会向面板的第一个元素添加任何边距。你需要在你的情况下添加它。

答案 1 :(得分:0)

试试这个,

.panelgroup .panel{ margin-top: 5px !important; }