Bootstrap修復頂級導航欄

-1

所以我想熟悉使用Flask bootstrap。然而，有一件事讓我困惑。我正在使用http://getbootstrap.com/components/#navbar-fixed-top。Bootstrap修復頂級導航欄

它告訴我補充：body { padding-top: 70px; }

但是，如果它要我增加嗎？我已經手動添加到我的html文件，它可以工作，但我正在使用塊。

這就是它現在的樣子，我猜這不是它想象的樣子嗎？

來源

2017-02-12 Nerotix

它是可選的，如果你有固定的導航欄 –

是的，我注意到了，但是否則我的導航欄與文本重疊，所以它在我的情況下需要。 – Nerotix

在codepen或其他類似文章中發佈完整代碼 –

您嘗試添加它看起來不錯的地方。它只需要在啓動CSS文件後加載的任何CSS文件中。如果您在HTML中嵌入了CSS，並且您正在從頁面的<head>部分正確加載引導CSS，那麼它將在引導後加載，所以沒關係。唯一需要注意的是，如果您將CSS重構爲單獨的文件，那麼引導CSS調用後，調用頁面CSS文件的<rel>應爲。

Flask調用塊似乎本質上是模板，類似於backbone，ruby，mustache模板等模板。當使用這些模板時，讓頁面加載到localhost並檢查源代碼會很有幫助，所以你會能夠查看最終頁面的加載方式以及相對於其他部分加載的所有內容。但是，同樣的原則應該適用。使用Flash，您應該使用head塊加載頁面的<head>部分。

來源

2017-02-12 13:20:32

事情是;即時嘗試使用塊和有點想把所有的一切。 – Nerotix

你的意思是https://wrapbootstrap.com/theme/ultimate-blocks-theme-builder-WB0DDD518？或者是其他東西？我以爲你只是指CSS塊...這有點令人困惑，因爲如果你使用CSS，我會假設你總是使用塊。 – 2017-02-12 13:29:06

啊對不起，它的囉嗦混亂，但是..我鏈接了一個使用它的視頻。我使用塊：{％block body％} bla bla {％endblock％} – Nerotix

Bootstrap修復頂級導航欄

回答

相關問題