アコーディオンのタイトルの最初の行とglyphiconを整列させる方法

Question

は私のデモをご覧ください。閉じています。

アコーディオン見出し/タイトルが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; 
}