

**現状**

画像のように、ページを開いたときにすでにバナーがメニュー下に重なり、見づらくなってしまっています。  
いろいろ試してみたのですが、動きません。お力お貸しください！！  
[こちら](https://teratail.com/questions/351674)とマルチポストしております。こちらで情報が更新・解決され次第、反映する予定です。どうぞよろしくお願いいたします。

[![画像の説明をここに入力](https://i.stack.imgur.com/9TGzJ.jpg)](https://i.stack.imgur.com/9TGzJ.jpg)

**実現したいこと**

分かりにくいかもしれませんが、メニューバー（白い部分）とバナー（山の写真の部分）が重なっています。別のページにも同様のメニューバーがあるのですが、完全に文字が見えない部分もあります。スクロールすると当然重なるので、メニューバーに問題はないと思います。そこでバナーの位置を下に下げたいです。

**コード**

[code]

    {% load wagtailimages_tags wagtailcore_tags %}
    
    {% image self.banner_img fill-900x400 as img %}
    
    <div class="container-fluid bg-dark text-light p-5 " style="background-image: url('{{ img.url }}'); background-size: contain">
        <div class="row">
            <div class="col-12 text-center">
                <div class="row  justify-content-center">
                    <div class="post-heading">
                        <h2>{{ self.title }}</h2>
                        <p class="subheading">{{ self.text|richtext }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
[/code]

[code]

    {% extends "base.html" %}
    {% load wagtailcore_tags %}
    
    {% block content %}
    
    <main class="main">
        <div class="contain">
            {% for block in page.content %}
                {% include_block block %}
            {% endfor %}
        </div>
    </main>
    
    {% endblock %}
    
[/code]

追記 [こちら](https://teratail.com/questions/351674)でレンダリングされるHTMLを追記しました。


CC BY-SA 4.0
2021-07-28T11:17:36.463
78445
2021-07-30T05:33:36.343
2021-07-29T05:16:46.510
47454
47454
question
html css django
バナーの位置を下に下げたい


Bootstrapを使用して、HTMLを組んでいました。しかし呼び出すBootstrapのcssファイルはダウンロード型ではなく、リンク貼り付け型だったのでいくら変更を加えても変わらなかったようです。

解決法としましては、Bootstrapファイルをプロジェクトフォルダー内に追加、リンク書き換え、cssを変更で解決することができました。

まだまだ初心者であるため、灯台下暗しな質問をしてしまいました。みなさまご協力ありがとうございました。


CC BY-SA 4.0
2021-07-30T05:33:36.343
80479
2021-07-30T05:33:36.343
47454
78445
answer