亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Twitter引導導航欄固定頂部重疊站點

Twitter引導導航欄固定頂部重疊站點

Twitter引導導航欄固定頂部重疊站點我正在使用引導在我的網站和有問題的肚臍固定頂部。當我只使用普通的肚臍時,一切都很好。然而,當我試圖將它切換到導航條固定頂部時,站點上的所有其他內容都會向上移動,就像導航條不存在,并且導航欄與其重疊一樣。我基本上是這樣畫出來的:.navbar.navbar-fixed-top  .navbar-inner    .container.container  .row    //yield content我試圖準確地復制引導示例,但只有在使用導航條固定頂部時才會出現此問題。我做錯什么了?
查看完整描述

3 回答

?
料青山看我應如是

TA貢獻1772條經驗 獲得超8個贊

就像其他人說的,給身體增加一個填充頂是很好的。但是當你使屏幕變窄(手機寬度)時,肚臍和身體之間就會有一個缺口。此外,擁擠的導航欄可以換到多行欄,再次覆蓋部分內容。

這為我解決了這些問題。

body { padding-top: 40px; }@media screen and (max-width: 768px) {
    body { padding-top: 0px; }}

默認情況下,這會使40 px填充,當寬度低于768 px時為0 px(根據引導程序的文檔,這是創建空白的手機布局的截止點)。


查看完整回答
反對 回復 2019-07-12
?
喵喵時光機

TA貢獻1846條經驗 獲得超7個贊

對于您的參考來說,這是一個更方便的解決方案,它在我的所有項目中都非常完美:

將第一行改為

.navbar.navbar-fixed-top

.navbar.navbar-default.navbar-static-top


查看完整回答
反對 回復 2019-07-12
  • 3 回答
  • 0 關注
  • 482 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號