ブートストラップ付きのリストグループ3.3.7

Question

他のデータが含まれているため、ブートストラップにリストグループがあります。問題は、リストグループを事前に置くとアイテムがリスト。

コード：

<pre> 
    Text 
    A lot of messy text that needs pre to look good 
    <ul class='list-group'> 
    <li class='list-group-item active'>lista</li> 
    <li class='list-group-item'>test</li> 
    </ul> 
</pre> 

例：それが動作一見

.list-group-item { 
    margin-bottom: -35px !important; 
} 

が、私は任意のより良い解決策があったかどうかを知りたいと思った：https://jsfiddle.net/DTcHh/40698/

私は可能な解決策を見つけました？

Answer 1

CSSでは、<pre>要素のデフォルト値はwhite-space: preです。

はちょうどこのような何かにあなたのCSSを変更：

pre { 
    white-space: normal; 
}