1

Bootstrap を自分の Web サイトに追加したいと考えています。base.html を継承する base.html とその他のファイルがありますが、base.html にはすべてのサイトに表示される navbar が必要です。残念ながら、いくつかのブートストラップ コードを追加した後は表示されませんが、このコードを index.html に追加すると表示されるようになります。

私のbase.html：

{% extends "bootstrap/base.html" %}
{% block head %}
    {{ super() }}
    {% if title %}
    <title> {{ title }} - Book Blog</title>
    {% else %}
    <title> Welcome to Book Blog!</title>
    {% endif %}
{% endblock %}

{% block navbar %}
Microblog: 
    <ul class="nav nav-pills">
    <li class="nav-item">
        <a class="nav-link active" href="{{ url_for('index') }}">Home</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="{{ url_for('show_books') }}">Books</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="{{ url_for('login') }}">Login</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="{{ url_for('logout') }}">Logout</a>
    </li>
</ul>
{% endblock %}

<body>

<hr>
{% with messages = get_flashed_messages() %}
{% if messages %}
<ul>
    {% for message in messages %}
    <li>{{ message }}</li>
    {% endfor %}
</ul>
{% endif %}
{% endwith %}
{% block content %}{% endblock %}
</body>

したがって、この場合、ナビゲーション バーは表示されません。そして上にも書きましたが、index.htmlにnavクラスを追加するとnavbarがこのサイトにしか表示されなくなります。どうすれば修正できますか？

4

2 に答える 2