実現したいこと
CSSをつかって画面幅や高さを変更したい
発生している問題
CSSが読み込まれない
bootstrapは読み込まれています。
style.cssで記述したものが読み込まれていない現象です
ソースコード
<head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" /> <link rel="stylesheet" href="{% static 'css/style.css' %}" /> <title>カスタム認証機能</title> </head>自分で試したこと
各画面のテンプレートを確認し、
{% load static %}は記述できていました。
補足情報
いつも根本的な質問で申し訳ございません。
よろしくお願い致します。
回答 3件
回答するにはログインが必要です
先日、同じ質問ですかね
２点を確認してみてください。
① style.css と bootstrap のclass/id は重複があるかどうかチェック
→重複があれば、CSSで!importantを使う
② Google Chorme キャッシュを削除してみてください。
→もし、①②はNGだったら、 以下のコードを使ってください。
<link rel="stylesheet" href="{% static 'css/style.css' %}?20220324" />2