2017-02-12 12 views
-1

だから、私はフラスコのブートストラップでの作業に精通しています。しかし、一つのことが私を混乱させます。私はhttp://getbootstrap.com/components/#navbar-fixed-topを使用しています。ブートストラップ修正トップナビゲーションバー

それは追加する私に語った:body { padding-top: 70px; }

しかし、どこそれは私がそれを追加したいのですか?私は手動で自分のhtmlファイルに追加しましたが、これは動作しますが、私はブロックを使って作業しています。

これは今のように見えますが、そうではありません。

This is what it looks like

+0

固定ナビゲーションバーを持っている場合は任意です –

+0

ええ、私は気づいていますが、それ以外の場合は私のナビゲーションバーがテキストと重なっています。 – Nerotix

+0

投稿コードまたはそれに類するコードの完全なコード –

答えて

0

あなたはそれを追加しようとしている場所は正常に見えます。それは、ブートストラップCSSファイルの後にロードされる任意のCSSファイル内にある必要があります。あなたのHTMLにCSSをインライン展開していて、あなたのページの<head>セクションからブートストラップCSSを正しく読み込んでいるなら、それはブートストラップの後にロードされます。念頭に置いておくべきことは、CSSを別のファイルにリファクタリングする場合、<rel>のページCSSファイルへの呼び出しは、ブートストラップCSSコールの後にになるはずです。

Flaskがブロックと呼ぶものは、本質的には、バックボーン、ルビー、ひげなどのテンプレートに似たテンプレートのようです。これらを使用すると、ページをローカルホストに読み込ませてソースを調べると便利です最終ページがどのように読み込まれるか、およびすべての部分が他の部分に相対して読み込まれる場所を見ることができます。しかし、同じ原則が適用されるべきです。 Flashでは、headブロックを使用してページの<head>セクションにロードする必要があります。

+0

事はです;私はブロックを使用しようとして、ちょっとそれにすべてを入れたい。 – Nerotix

+0

https://wrapbootstrap.com/theme/ultimate-blocks-theme-builder-WB0DDD518を意味しますか?または、他の何か?私はあなたがCSSブロックを意味していると思っていました...あなたがCSSを使用している場合は、ブロックを常に使用していると思われるので少し混乱しました。 –

+0

ああ申し訳ありませんが、そのprolly混乱して..私はそれを使用してどのような方法のビデオをリンクしています。私はブロックを次のように使用します:{%block body%} bla bla {%endblock%} – Nerotix

関連する問題