I am struggling to effectively implement a navbar on my website. I currently have the following code snippet in the body section of my base.html file. (Should the navbar be placed in the head section instead?)
<body>
<div class="row">
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar-header">
<a class="navbar-brand" href="http://...">Company</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href={{ url_for("strategy_index") }}>Strategies</a></li>
<li><a href={{ url_for("data_index") }}>Data</a></li>
<li><a href={{ url_for("view_index") }}>Views</a></li>
</ul>
</div>
</div>
</div>
{% block content %}
{% endblock %}
</body>
Afterwards, I use:
{% extends "base.html" %}
{% block content %}
<div class="row">
HELLO WORLD
</div>
{% endblock %}
Despite this, the text "HELLO WORLD" is being hidden below the navbar. Is there a way for me to prevent this from happening and make sure that the content doesn't get blocked by the navbar?
Thank you, Thomas