为什么这个引导布局在jsfiddle中不起作用?

时间:2017-03-26 04:06:24

标签: css twitter-bootstrap responsive-design 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>

它在我的本地环境中工作,没有问题。我用Google搜索并发现/ show /应该附加到jsfiddle以全屏显示视图。但是,即使在全屏模式下,引导样式似乎也没有得到应用。是否有一个特殊技巧或是否有其他网站更好地共享引导代码?

1 个答案:

答案 0 :(得分:0)

因为您添加了带链接标记的网址,所以这不起作用。只需调用网址“https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap-grid.min.css

即可