바삭 바삭한 형태는 작동하지 않고 오류는 없지만 형태는 여전히 정상입니다. 그것에 대한 도움을 받고 싶습니다. 이 문제가 없었는지 이해가 안 돼요, 감사합니다

나는 가지고있다 'crispy_forms' 내 INSTALLED_APPS에 올바르게 설치되었습니다.

많은 것을 시도했지만 아무 결과도 얻지 못했습니다.


{% load crispy_forms_tags %}
{% load static %}
{% block content %}
<link rel="stylesheet" type="text/css" href="{% static 'pools/newmain.css' %}">
<!-- Load an icon library to show a hamburger menu (bars) on small screens -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="topnav" id="myTopnav">
  <a href="#home" class="active">Home</a>
  <a href="#news">News</a>
  <a href="#contact">Contact</a>
  <a href="#about">About</a>
  <a href="javascript:void(0);" class="icon" onclick="myFunction()">
    <i class="fa fa-bars"></i>
<div class="content-section">
  <form method="POST" action="">
    {% csrf_token %}
    {{ form|crispy }}
    <button class="btn btn-outline-info" type="submit">Send</button>
{% endblock %}


body {
    background-color: coral;
/* Add a black background color to the top navigation */
.topnav {
  background-color: #333;
  overflow: hidden;
/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;


def newhome(request):
    form = NewTask
    if request.method == "POST":
        form = NewTask(request.POST)
        if form.is_valid():
            task = form.cleaned_data["title"]
            form = NewTask()
        return render(request, "pools/newhome.html", {"form": form})
    return render(request, "pools/newhome.html", {"form": form})

  • 답변 # 1

    1. 문서에서 다음과 같이 말합니다.

    crispy-forms does not include static files. You will need to include the proper corresponding media files yourself depending on what CSS framework (Template pack) you are using. This might involve one or more CSS and JS files. Read CSS framework’s docs for help on how to set it up.

    여기에 모든 html 파일 코드를 붙여 넣었습니까? cryspy-forms 문서에서 언급 한 CSS 프레임 워크가 없습니다. bootstrap4 .

    다음을 추가해야합니다. html

    cdn2에 대한 부트 스트랩 웹 사이트 참조

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

    브라우저 기록을 삭제하는 것을 잊지 마십시오!

    CSS 부분을 수정 한 후 양식이 제대로 작동하지 않을 수 있습니다. 다음으로 교체하십시오.

    def newhome(request):
        if request.method == "POST":
            form = NewTask(request.POST)
            if form.is_valid():
                task = form.cleaned_data["title"] # this is good practice because later you might want to add things like user = request.user before saving the form.
            form = NewTask()
        return render(request, "pools/newhome.html", {"form": form})

  • 답변 # 2

    I have 'crispy_forms' in my INSTALLED_APPS and it correctly installed

    INSTALLED_APPS에 'crispy_forms'를 넣었을 수 있지만 settings.py에서 템플릿 팩을 지정 했습니까? 예 : CRISPY_TEMPLATE_PACK = 'uni_form'

관련 자료

  • 이전 Spring boot 240 HandlerInterceptorAdapter 유형은 더 이상 사용되지 않습니다
  • 다음 regex - 두 개 이상의 반복되는 - punct : python에서 re를 사용하는 방법은 무엇입니까?