2017-03-26 41 views
0

爲什麼沒有在此的jsfiddle引導佈局工作?:爲什麼這個引導程序佈局不能在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> 

它工作在我的本地環境withoutissue。我搜索了一下,發現/ show /應該追加到jsfiddle以全屏顯示視圖。但是,即使在全屏模式下,引導樣式似乎也沒有得到應用。有沒有特別的技巧呢,還是有其他網站更適合共享引導代碼?

+1

在外部資源中添加的Bootstrap CSS鏈接錯誤。希望這是你正在尋找的。 https://jsfiddle.net/1mdodv7r/3/show/ – Unknown

+0

謝謝! codepen.io似乎更加用戶友好以及擁有更現代的用戶界面。 codepen.io讓我直接複製並粘貼我的html內容到html窗格中,並按預期工作。感謝您爲我調試我的jsfiddle! – details1

回答

相關問題