Twitter bootstrap 垂直中心自举手风琴

Twitter bootstrap 垂直中心自举手风琴,twitter-bootstrap,twitter-bootstrap-3,accordion,vertical-alignment,jquery-ui-accordion,Twitter Bootstrap,Twitter Bootstrap 3,Accordion,Vertical Alignment,Jquery Ui Accordion,我试图在打开手风琴时将其垂直居中,这样屏幕中央就会显示其中的内容;代码可以通过dev工具在 想要一个CSS解决方案,JS如果没有选择你可以试试这个它适合我: 向.panel body、.col-md-8和.col-md-4添加显示:表格单元格;至.col-md-8和.col-md-4-浮动:无;垂直对齐:中间对齐 注意:.panel default>.panel heading+.panel collapse.panel body-将覆盖simple.panel body[LINK][1]此链接

我试图在打开手风琴时将其垂直居中,这样屏幕中央就会显示其中的内容;代码可以通过dev工具在


想要一个CSS解决方案,JS如果没有选择

你可以试试这个它适合我:

向.panel body、.col-md-8和.col-md-4添加显示:表格单元格;至.col-md-8和.col-md-4-浮动:无;垂直对齐:中间对齐


注意:.panel default>.panel heading+.panel collapse.panel body-将覆盖simple.panel body

[LINK][1]此链接可能会帮助您。[1] :链接页面对我来说被阻止了…一把小提琴会很有帮助谢谢大家,我明天早上会试着做一把小提琴,因为这太精细了请原谅这个双关语,谢谢尝试:没用,完全搞乱了其他元素的对齐方式。也许是JS/jQuery解决方案,只是滚动屏幕来显示手风琴内容在中间?我不能格式化这个评论很好,很抱歉。通过chrome开发者工具在style.css的末尾添加:.panel default>.panel heading+.panel collapse.panel body、.col-md-8、.col-md-4{display:table cell;}.col-md-8、.col-md-4{float:none;vertical align:middle;}文本结尾图像是完全对齐的。如果尝试过,会弄乱元素的对齐,另外,不会将内容放在屏幕中间;不过我在Firefox上试过,可能是浏览器特有的bug;将在Chrome中尝试并在此处发布结果