2017-02-12 100 views
-1

所以我想熟悉使用Flask bootstrap。然而,有一件事让我困惑。我正在使用http://getbootstrap.com/components/#navbar-fixed-topBootstrap修复顶级导航栏

它告诉我补充:body { padding-top: 70px; }

但是,如果它要我增加吗?我已经手动添加到我的html文件,它可以工作,但我正在使用块。

这就是它现在的样子,我猜这不是它想象的样子吗?

This is what it looks like

+0

它是可选的,如果你有固定的导航栏 –

+0

是的,我注意到了,但是否则我的导航栏与文本重叠,所以它在我的情况下需要。 – Nerotix

+0

在codepen或其他类似文章中发布完整代码 –

回答

0

您尝试添加它看起来不错的地方。它只需要在启动CSS文件后加载的任何CSS文件中。如果您在HTML中嵌入了CSS,并且您正在从页面的<head>部分正确加载引导CSS,那么它将在引导后加载,所以没关系。唯一需要注意的是,如果您将CSS重构为单独的文件,那么引导CSS调用后,调用页面CSS文件的<rel>应为

Flask调用块似乎本质上是模板,类似于backbone,ruby,mustache模板等模板。当使用这些模板时,让页面加载到localhost并检查源代码会很有帮助,所以你会能够查看最终页面的加载方式以及相对于其他部分加载的所有内容。但是,同样的原则应该适用。使用Flash,您应该使用head块加载页面的<head>部分。

+0

事情是;即时尝试使用块和有点想把所有的一切。 – Nerotix

+0

你的意思是https://wrapbootstrap.com/theme/ultimate-blocks-theme-builder-WB0DDD518?或者是其他东西?我以为你只是指CSS块...这有点令人困惑,因为如果你使用CSS,我会假设你总是使用块。 – 2017-02-12 13:29:06

+0

啊对不起,它的啰嗦混乱,但是..我链接了一个使用它的视频。我使用块:{%block body%} bla bla {%endblock%} – Nerotix