Don`t实现了我的CSS样式Djangjo / Bootstrap4 / CSS

问题描述

我在Django上加载了Bootstrap4页面

无法使用.css中的某些样式(但通常可以处理其中的一些样式。)

页面显示表单,其中包含checkBoxes bootstarp-style =“ btn btn-outline-info”组成的buttons列表。我想在disabled模式下更改按钮的视图。 我正在此页面上实现其他一些类。但是浏览器无法处理我的一些课程。 (由django-server生成的Chrome中的html页代码是正常的,所有需要的元素都正确显示。但是,并非所有类都适用于某些元素。)

<!DOCTYPE html>
<html lang="ru">
<head>
        <Meta charset="UTF-8">
        {% load bootstrap4 %}
        {% bootstrap_css %}
        {% bootstrap_javascript jquery='full' %}
        {% load static %}
        <link rel="stylesheet" type="text/css" href="{% static 'marketability/my_css.css' %}">
        <title>Mytitle</title>
 </head>
 <body>
  <div class="name1">some text</div>
  <form action="/{{ action }}/" method="post" id="form_">
        {% csrf_token %}
    <div class="form_blocks">
        <div class="form_my_buttons">
         {% for class_ in new_form.GO|get_item:sub_type %}

         <div class="btn-group-toggle form_my_buttons_padding" data-toggle="buttons">
         <label class="btn btn-outline-info btn-block btn-sm text-left{% if class_.name in checked_items %} active{% endif %}{% if class_.name not in enabled %} disabled diasbled_grey{% endif %}">
           <input type="checkBox" value="Yes" autocomplete="off" {% if class_.name in checked_items %} checked{% endif %} name="{{ class_.name }}" {% if class_.name not in enabled %}disabled{% endif %}
                     onchange="$(this).closest('form').submit();"><strong>{{ class_.text }}</strong></label>
            </div>
          {% endfor %}
        </div>
</body></html>

marketability / my_css.css

.form_blocks {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.form_my_buttons {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    width: 300px;
}
.form_my_buttons_padding {
    padding-bottom: 5px;
}
.disabled_grey {
    color: #993300!important;
}
.name1 {
    color: #993300;
    background-color: #205067;
}

并且类form_blocksform_my_buttonsform_my_buttons_padding-正常工作。因此,文件my_css.css load-可以,django可以看到。

但是类diasbled_grey-不起作用。 并且<div class="name1">的简单限制。 (它仅用于错误检查。)。此css文件中的所有附加类均不适用于任何标签

浏览器(Crome)缓存-已清除。 我不明白问题出在哪里...我看不到任何错误

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)