Bootstrap修复顶部导航栏

时间:2017-02-12 13:14:10

标签: html navbar flask-bootstrap

所以我想熟悉使用Flask bootstrap。然而,有一件事让我感到困惑。我正在使用http://getbootstrap.com/components/#navbar-fixed-top

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

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

这就是它现在的样子,我想这不是它的假设?

This is what it looks like

1 个答案:

答案 0 :(得分:0)

您尝试添加的地方看起来不错。它只需要在引导CSS文件之后加载的任何CSS文件中。如果您在HTML中内嵌CSS,就像您看到的那样,并且您正在从页面的<head>部分正确加载引导程序CSS,那么它将在引导,所以没关系。唯一要记住的是,如果你将CSS重构为一个单独的文件,那么{/ 1}}对页面CSS文件的调用应该在引导CSS调用之后

Flask调用块看起来基本上是模板,类似于骨干,ruby,胡子模板等中的模板。使用它们时,让你的页面加载到localhost并检查源代码是有帮助的,这样你就可以了。将能够看到最终页面如何加载,以及相对于其他部分加载所有内容的位置。但是,同样的原则应该适用。使用Flash,您应该使用<rel>块加载到页面的head部分。