Bootstrap 修复顶部导航栏答案

【问题标题】：Bootstrap fix top navbarBootstrap 修复顶部导航栏
【发布时间】：2017-02-12 22:13:31
【问题描述】：

所以我正在尝试熟悉使用 Flask 引导程序。然而，有一件事让我感到困惑。我正在使用http://getbootstrap.com/components/#navbar-fixed-top。

它告诉我添加：body { padding-top: 70px; }

但是，它要我在哪里添加它？我已将其手动添加到我的 html 文件中，该文件有效，但我正在使用块。

这就是它现在的样子，我猜这不是它应该的样子？

【问题讨论】：

如果你有固定的导航栏是可选的
是的，我注意到了，但我的导航栏与文本重叠，所以在我的情况下有点需要。
在 codepen 或类似软件中发布你的完整代码
“我正在处理块”是什么意思？这部分是否与了解您需要在何处添加 CSS 相关？
我不确定.. 我正在使用这里显示的方式：youtube.com/watch?v=PE9ZGniSDW8&t=10s

标签： html navbar flask-bootstrap

【解决方案1】：

您尝试添加的位置看起来不错。它只需要在引导 CSS 文件之后加载的任何 CSS 文件中。如果您在 HTML 中内联 CSS（看起来就是这样），并且您正在从页面的 <head> 部分正确加载引导 CSS，那么它将在引导之后加载，所以没关系。唯一要记住的是，如果您将 CSS 重构为单独的文件，则对页面 CSS 文件的 <rel> 调用应该在引导 CSS 调用之后进行。

Flask 所称的块似乎本质上是模板，类似于骨干、ruby、mustache 模板等中的模板。使用这些时，让您的页面在 localhost 中加载并检查源代码会很有帮助，这样您就可以能够看到最终页面的加载方式，以及所有内容相对于其他部分的加载位置。然而，同样的原则应该适用。使用 Flash，您应该使用 head 块来加载页面的 <head> 部分。

【讨论】：

事情是；我试图使用积木，有点想把所有东西都放进去。
你的意思是wrapbootstrap.com/theme/ultimate-blocks-theme-builder-WB0DDD518 吗？或者是其他东西？我以为你只是指 CSS 块...这有点令人困惑，因为如果你使用 CSS，我会假设你总是使用块。
啊抱歉，这很令人困惑，但是..我链接了一个视频，说明我使用它的方式。我使用块如下： {% block body %} bla bla {% endblock %}
是的，我正在使用模板。这是视频：youtube.com/watch?v=PE9ZGniSDW8&t=10s
对不起，离开了。我认为它确实解决了我的问题。你说的是块头与普通html代码中的相同，对吗？