Chrome에서 부트 스트랩 상자 뉴스가 작동하지 않음

Question

이 간단한 부트 스트랩 코드는 Firefox에서만 올바르게 작동합니다. 나는 오류를 찾지 못했습니까?

Chrome 및 Safari의 경우 텍스트가 표시되지 않으며 (이미지 만 표시) 큰 여백이 있습니다.

<div class="row"> 


     <div class="col-sm-6 col-md-6 col-lg-12"> 

     <div class="media"> 
     <a class="pull-left" href="#"> 
      <img class="img-responsive" src="/img/157/big.jpg" alt="abc abc"> 
     </a> 
     <div class="media-body"> 
      <h4 class="media-heading"><a href="#">Media heading</a></h4> 
      This is some sample text. This is some sample text. 
      This is some sample text. This is some sample text. 
      This is some sample text. This is some sample text. 
      This is some sample text. This is some sample text. 
     </div> 
    </div> 
    </div> 


     <div class="col-sm-6 col-md-6 col-lg-12"> 

     <div class="media"> 
     <a class="pull-left" href="#"> 
      <img class="img-responsive" src="/img/155/big.jpg" alt="abc abc"> 
     </a> 
     <div class="media-body"> 
      <h4 class="media-heading"><a href="#">Media heading</a></h4> 
      This is some sample text. This is some sample text. 
      This is some sample text. This is some sample text. 
      This is some sample text. This is some sample text. 
      This is some sample text. This is some sample text. 
     </div> 
    </div> 
    </div> 

    </div> 

Answer 1

부트 스트랩 그리드 시스템이 작동하는 방식 (http://getbootstrap.com/css/#grid)을 살펴 보시기 바랍니다. 여기 http://www.bootply.com/128356

<div class="media"> 
    <a class="pull-left" href="#"> 
     <img class="media-object img-responsive" src="/img/157/big.jpg" alt="abc abc"> 
    </a> 
    <div class="media-body"> 
     <h4 class="media-heading">Media heading</h4> 
     This is some sample text. This is some sample text. 
     This is some sample text. This is some sample text. 
     This is some sample text. This is some sample text. 
     This is some sample text. This is some sample text. 
    </div> 
</div>