Html 使用左侧固定导航栏在顶部/底部移动div

Html 使用左侧固定导航栏在顶部/底部移动div,html,twitter-bootstrap,padding,fixed,Html,Twitter Bootstrap,Padding,Fixed,由于某些原因,当我在md到lg类屏幕大小时,标题蓝色div下降[提供顶部填充]。有没有办法将其设置为“固定”在顶部?第二,当显示手机尺寸时,是否有办法将其设置在顶部导航下?又名sm和xs列 <div class="col-lg-12" id="Div1" style="border-left:0px; background-color:Blue; top:0; height:100px;"> 出于某种原因,JSFIDLE版本没有显示md到lg的顶部填充问题,但它确实出现在Goo

由于某些原因,当我在md到lg类屏幕大小时,标题蓝色div下降[提供顶部填充]。有没有办法将其设置为“固定”在顶部?第二,当显示手机尺寸时,是否有办法将其设置在顶部导航下?又名sm和xs列

<div class="col-lg-12" id="Div1" style="border-left:0px; background-color:Blue; top:0; height:100px;">

出于某种原因,JSFIDLE版本没有显示md到lg的顶部填充问题,但它确实出现在Google Chrome中


我下载了您的示例代码并在本地运行。它不会在我尝试的任何浏览器中下拉

左手边是IE 11,右手边是Chrome的“切换设备工具栏”。
我还喜欢在我的媒体查询中添加“@mediaonly screen

我添加了字体很棒的图标并添加了这个元标记,我认为这就是字体缩放的原因。但它仍然没有下降。