2017-03-26 6 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

答えて

関連する問題