脚本正在div外部加载

Question

请提供一些帮助。我有一个基于Flask的网站，并且正在尝试在div中加载脚本的特定页面。由于我正在扩展我的“基本”模板，因此它应该遵循我的设计并以对齐方式呈现脚本内容。由于某种原因，它会加载到页面之外。它确实带有它自己的CSS，所以我想知道它是否覆盖了引导程序的默认设置吗？

{% extends 'base.html' %}
{% block content %}
<link rel="stylesheet" href="{{url_for('static', filename='/css/next.css')}}">
<link rel="stylesheet" href="{{url_for('static', filename='/css/styles_main_page.css')}}">
<div class="card-body">
    <div class="w-100 p-3">
        <div class="h-100 d-inline-block">
            <script src="{{url_for('static', filename='/js/next.js')}}" defer></script>
            <script src="{{url_for('static', filename='/js/topology.js')}}" defer></script>
            <script src="{{url_for('static', filename='/js/next_app.js')}}" defer></script>
        </div>
    </div>
</div>
{% endblock %}