2017-08-25 24 views
0

不是一個全球性的問題,但是當我使用Bootstrap的測試版時,不想在詢問它可能是錯誤還是(很可能)我錯過了某些東西之前刻苦鑽研我的大腦。Bootstrap4測試版。頁腳隱藏在Gmaps下面

我有一個很清晰的&簡單的HTML結構(link to it)與2個等於列的主容器分裂(50%的寬度或各6個COLS)以100%的寬度(流體)+應該出現以下兩個頁腳(100%寬度),但它是在Gmaps(iframe)下的hiddin,不遵循我認爲的基本塊(div)佈局位置。

如果沒有其他原因,我將不勝感激任何人指出我的錯誤。

祝您有美好的一天! 臀部

回答

0

這裏有兩個問題。 #mainrow有絕對位置。刪除允許頁腳堆疊,但身體有一個.d-flex類,迫使它顯示在行旁邊。如果從#mainrow刪除絕對定位和.d-flex<body>你應該讓你在找什麼(如果我理解正確的問題)

+1

賓果!儘管在遵循你的建議之後,我不得不糾正容器的右邊距(到0),使右欄覆蓋整個(一半)畫布。是的,Bootstrap4中新的'Flexbox'實用程序必須小心使用,只能在佔用的地方使用(不像我那樣全局使用)。如果可能有任何興趣,我會將靜態網站置於相同的地址一段時間。 祝您有愉快的一天。 – hip