【问题标题】:BootStrap Nav Bar issueBootStrap 导航栏问题
【发布时间】:2016-04-24 07:05:38
【问题描述】:

大家好,我的网站出现导航栏问题。导航栏覆盖内容。我环顾四周,很多人似乎如何让下面的修复程序为他们工作。我的问题是它确实编辑了边距,但我的导航栏也随之移动。我想不出一种只移动内容而不移动导航栏的方法。

/* fix fixed-bar */
body { padding-top: 40px; }
@media screen and (max-width: 768px) {
body { padding-top: 40px; }
}

/* fix fixed-bar jumping to in-page anchor issue */
*[id]:before {
display: block;
content: " ";
margin-top: -75px;
height: 75px;
visibility: hidden;
}

【问题讨论】:

  • 如果您需要网站链接,请告诉我。
  • 请发JsFiddle 或提供链接
  • 请将 position:relative; 添加到您的课程中,并将 margin-top 替换为 top...在这些情况下,jsFiddle 是必须的
  • wasdleagues.com 是网址,我也只是使用 body { padding-top: 70px; } 现在。这段代码搞砸了其他利润。

标签: html css wordpress twitter-bootstrap navbar


【解决方案1】:

您可以尝试在 css 中创建一个类,然后将所有内容放在一个 div 标签中,与该类建立该 div,如下所示:

CSS:

.contentclass{
    /*your customized properties here
}

HTML:

<div class="contentclass">
   <!--your content here-->
</div>

告诉我进展如何。

【讨论】:

  • 我通过使用导航栏 css 并将其与正文分开添加来修复它。谢谢你帮助我。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-10-13
  • 2021-09-18
  • 1970-01-01
  • 1970-01-01
  • 2013-12-17
  • 2016-04-13
相关资源
最近更新 更多