为什么这个 bootstrap 布局在 jsfiddle 中不起作用？

Question

为什么这个 bootstrap 布局在 jsfiddle 中不起作用？:

<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 以全屏显示视图。但是，即使在全屏模式下，似乎也没有应用 bootstrap 样式。对此有什么特别的技巧，或者是否有其他网站更适合共享 bootstrap 代码？

Answer 1

因为您添加了带有 link 标签的 URL，所以这不起作用。只需调用 URL "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap-grid.min.css"

为什么这个 bootstrap 布局在 jsfiddle 中不起作用？

why doesn't this bootstrap layout work in jsfiddle?

css

jsfiddle

responsive-design

twitter-bootstrap