html - Area under navbar in Bootstrap -
I fail to make proper use of a navbar. In my base I have this code piece in body section. (Or should navbar be in the head ?!)
& lt; body & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "navbar navbar-inverse navbar-fixed-top" role = "navigation" & gt; & Lt; Div class = "navbar-header" & gt; & Lt; A class = "navbar-brand" href = "http: // ..." & gt; Company & lt; / A & gt; & Lt; / Div & gt; & Lt; div class = "navbar-collapse collapse" & gt; & Lt; Ul class = "nav navbar-nav navbar-right" & gt; & Lt; Li & gt; & Lt; A href = {{url_for ("strategy_index")}} & gt; Strategies & lt; / A & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; A href = {{url_for ("data_index")}} & gt; Data & lt; / A & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; A href = {{url_for ("see_index")}} & gt; View & lt; / A & gt; & Lt; / li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; {% Block content%} {% endblock%} & lt; / Body & gt; Then I extends
{% "base.html"%} {% block content%} & lt; Div class = "row" & gt; Hello World & lt; / Div & gt; {% Endblock%} However, the Hello World is hidden beneath the navbar.
Add many thanks Thomas
Padding- Top: 70px; In your body it's OK: The default navbar will overlay your other content, Do not add padding at the top. Use your own values or use our snippet below Tip: By default, navbar is 50px high.
Comments
Post a Comment