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

Question

由于某种原因，当我在 md 到 lg 类屏幕大小时，标题蓝色 div 下降 [给出顶部填充]。无论如何将其设置为“固定”在顶部？其次，当手机尺寸出现时，有没有办法在顶部导航下也设置它？又名 col-sm 和 col-xs

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

jsfiddle 版本由于某种原因没有显示 md 到 lg 顶部填充问题，但它确实显示在 Google Chrome 中。

https://jsfiddle.net/cwmc6zc2/

Answer 1

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

But are you scaling your fonts?

左侧是 IE 11，右侧是 Chrome 的“切换设备工具栏”。 我还喜欢在我的媒体查询中添加“@media only screen ...。