所以我想熟悉使用Flask bootstrap。然而,有一件事让我困惑。我正在使用http://getbootstrap.com/components/#navbar-fixed-top。Bootstrap修复顶级导航栏
它告诉我补充:body { padding-top: 70px; }
但是,如果它要我增加吗?我已经手动添加到我的html文件,它可以工作,但我正在使用块。
这就是它现在的样子,我猜这不是它想象的样子吗?
所以我想熟悉使用Flask bootstrap。然而,有一件事让我困惑。我正在使用http://getbootstrap.com/components/#navbar-fixed-top。Bootstrap修复顶级导航栏
它告诉我补充:body { padding-top: 70px; }
但是,如果它要我增加吗?我已经手动添加到我的html文件,它可以工作,但我正在使用块。
这就是它现在的样子,我猜这不是它想象的样子吗?
您尝试添加它看起来不错的地方。它只需要在启动CSS文件后加载的任何CSS文件中。如果您在HTML中嵌入了CSS,并且您正在从页面的<head>
部分正确加载引导CSS,那么它将在引导后加载,所以没关系。唯一需要注意的是,如果您将CSS重构为单独的文件,那么引导CSS调用后,调用页面CSS文件的<rel>
应为。
Flask调用块似乎本质上是模板,类似于backbone,ruby,mustache模板等模板。当使用这些模板时,让页面加载到localhost并检查源代码会很有帮助,所以你会能够查看最终页面的加载方式以及相对于其他部分加载的所有内容。但是,同样的原则应该适用。使用Flash,您应该使用head
块加载页面的<head>
部分。
它是可选的,如果你有固定的导航栏 –
是的,我注意到了,但是否则我的导航栏与文本重叠,所以它在我的情况下需要。 – Nerotix
在codepen或其他类似文章中发布完整代码 –