2017-03-26 4 views
0

이유는 무엇 jsfiddle에없는이 부트 스트랩 레이아웃 작업? 그것은 내 로컬 환경 withoutissue에서 작동이 부트 스트랩 레이아웃이 jsfiddle에서 작동하지 않는 이유는 무엇입니까?

https://jsfiddle.net/1mdodv7r/2/show/

<body> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-xs-6" 
       style="border:solid black 1px;height:200px;">Map</div> 
      <div class="col-xs-6" style="border:solid black 1px;height:200px;"> 
       <div style="border:solid black 1px;height:100px;width:100%;">SideViewSection1</div> 
       <div style="border:solid black 1px;height:100px;width:100%;">SideViewSection2</div> 
      </div> 
     </div> 
     <div class="row"> 
      <div class="col-xs-6" 
       style="border:solid black 1px;height:200px;">MapParameters</div> 
      <div class="col-xs-6" 
       style="border:solid black 1px;height:200px;display:none;"> 
       [Empty] 
      </div> 
     </div>  
    </div> 
</body> 

. 나는 인터넷 검색을 통해/show /가 전체 화면에서보기를 표시하는 jsfiddle에 추가되어야한다는 것을 알았습니다. 그러나 전체 화면 모드에서도 부트 스트랩 스타일이 적용되지 않는 것 같습니다. 이것에 대한 특별한 트릭이 있습니까? 아니면 부트 스트랩 코드를 공유하는 다른 사이트가 있습니까?

+1

외부 리소스에 추가 된 부트 스트랩 CSS 링크가 잘못되었습니다. 희망이 당신이 찾고있는 것입니다. https://jsfiddle.net/1mdodv7r/3/show/ – Unknown

+0

감사합니다! codepen.io는보다 사용자 친화적 인 동시에 최신 UI를 갖춘 것처럼 보입니다. codepen.io 단순히 내 html 내용을 복사하여 html 창에 직접 붙여 넣기 만하면 예상대로 작동합니다. 그래도 내 jsfiddle 디버깅을 주셔서 감사합니다! – details1

답변