使用左固定導航欄在頂部/底部移動div

Question

由於某種原因，當我在lg類屏幕大小的md中時，標題blue div會下降[給出頂部填充]。 無論如何，將其設置為“固定”在頂部？ 其次，有沒有辦法在手機尺寸顯示時將其設置在導航欄的頂部？ aka 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

我下載了示例代碼並在本地運行。 我嘗試使用的任何瀏覽器均未將其下拉。

但是，您要縮放字體嗎？

左側是IE 11，右側是Chrome的“切換設備工具欄”。 我還想在媒體查詢中添加“ @ 僅媒體屏幕 ...”。