\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n
\r\n \r\n \r\n\r\n{% block content %}\r\n\r\n{% endblock %}\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n```\r\n```CSS\r\n.wrapper{\r\n min-height: 100vh;\r\n position: relative;\r\n padding-bottom: 120px;\r\n box-sizing: border-box;\r\n}\r\n\r\nfooter{\r\n width: 100%;\r\n background-color: #89c7de;\r\n color: #fff;\r\n text-align: center;\r\n padding: 30px 0;\r\n margin-bottom: 200px;\r\n position: absolute;\r\n}\r\n.push {\r\n height: 200px;\r\n }\r\n \r\n```\r\n生成されたHTML\r\n```HTML\r\n\r\n\r\n\r\n\r\n \r\n \r\n \r\n タイトル\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n
\r\n \r\n

*****のステータス:

\r\n
\r\n
\r\n
********
\r\n

\r\n *********\r\n

\r\n
\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n```","answerCount":1,"upvoteCount":0,"datePublished":"2021-09-25T09:22:32.965Z","dateModified":"2021-10-10T03:38:16.017Z","acceptedAnswer":{"@type":"Answer","text":"まず、バージョンの異なるbootstrapとjQueryが2つ同時に読み込まれてしまっているので、\r\nいずれか片方を削除してください。バージョンの新しい方を残せばいいかと。\r\n\r\nそして、`.navbar-toggler`で指定している対象要素が`#navbarNav4`という存在しないものになっているので、\r\nリファレンスに倣って、`.navbar-collapse`の要素に`navbarSupportedContent`というIDを振って、\r\n`.navbar-toggler`の属性もそれに対応させます。\r\n[Navbar - Bootstrap 4.5 - 日本語リファレンス](https://getbootstrap.jp/docs/4.5/components/navbar/)\r\n\r\n```html\r\n\r\n
\r\n