如何对齐与手风琴冠军的第一线glyphicon

Question

请参阅我的演示：http://www.bootply.com/COm6fikZKx

我在想调心2 glyphicons- “向下箭头”时的崩溃是开放的和“右箭头”时崩溃关闭了。

这是有问题的，当手风琴标题/标题涉及到2线和移动版

我怎样才能让glyphicon始终从第一行左对齐，而不是向下掉落到文本的最后一行？

非常感谢！

Answer 1

CSS已被修改。检查示例代码CODEPEN。它会解决你的问题.. :)

.panel-title { 
    position: relative; 
} 

.panel-heading .accordion-toggle { 
    padding-left: 25px; 
    display: block; 
} 

.panel-heading .accordion-toggle:after { 
    font-family: 'Glyphicons Halflings'; 
    content: "\e114"; 
    /*glyphicon glyphicon-chevron-right*/ 
    color: #333f48; 
    float: left; 
    position: absolute; 
    left: 0; 
    top: 0; 
} 

.panel-heading .accordion-toggle.collapsed:after { 
    font-family: 'Glyphicons Halflings'; 
    content: "\e080"; 
    /*glyphicon glyphicon-chevron-down*/ 
    color: #333f48; 
    float: left; 
    position: absolute; 
    left: 0; 
    top: 0; 
}