부트 스트랩 CSS - 패널 외부에 긴 텍스트가 번짐

Question

부트 스트랩 CSS 라이브러리를 사용하여 패널에 넣으려는 문자열이 매우 깁니다. 내 HTML은 다음과 같은 :

<div class="panel panel-primary"> 
     <div class="panel-heading">Panel</div> 
     <div class="panel-body">     
      rPjW^j)hkP9WHwkyP_LjjzX.f9F5CsX2S9aKu4nFgJKW3Czv^bLUjbdy,rPjW^j)hkP9WHwkyP_LjjzX.f9F5CsX2S9aKu4nFgJKW3Czv^bLUjbdy,rPjW^j)hkP9WHwkyP_LjjzX.f9F5CsX2S9aKu4nFgJKW3Czv^bLUjbdy,rPjW^j)hkP9WHwkyP_L 
     </div> 
    </div> 

http://jsfiddle.net/w8p9jc5j/

결과는 텍스트가 패널의 외부 출혈 것을 내가 패널 내부에 오히려 바꿈 것입니다. 문제는 텍스트에 공백이 없어 자연스러운 단어 줄 바꾸기가 여기에서 작동하지 않는다는 것입니다. 어쨌든 단어 줄 바꿈을 강제로 수행 할 수 있습니까?

Answer 1

이

.panel-body { 
    word-break:break-all 
} 

Answer 2

내 생각 엔 word-wrap: break-word; for .panel-body가 필요합니다.