मैंने एक django फॉर्म बनाया और इसे टेम्पलेट में आउटपुट किया। लेकिन मैं समझ नहीं पा रहा हूं कि मैं बूटस्ट्रैप शैलियों को कैसे जोड़ सकता हूं क्योंकि यह django फॉर्म अच्छा नहीं है।

आउटपुट की छवि:

enter image description here

कोड:

{% extends 'base.html' %}
{% block title %}
    Contact Us
{% endblock %}

{% block content %}
<h1>Contact Us</h1>
<form method="post">
        {% csrf_token %}

        {% for field in form %}
            <div class="form-group">
                {{ field.label }}
                {{ field }}
            </div>
        {% endfor %}
        <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
        <button class="btn btn-primary" type="submit" name="button">Send</button>
    </form>
{% endblock %}
0
yarik 9 जिंदा 2019, 19:36

2 जवाब

सबसे बढ़िया उत्तर

अपने फ़ॉर्म में बूटस्ट्रैप स्टाइल जोड़ने के लिए, आपको इस कोड को CSS के लिए अपने टैग के बीच कहीं चिपकाना होगा;

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

और यह जावास्क्रिप्ट के लिए;

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

यह आपके फ़ॉर्म में कुछ स्टाइल लागू कर देगा।
एक बार जब आप ऐसा कर लेते हैं, तो आपको उन कक्षाओं का उपयोग करना होगा जो बूटस्ट्रैप दस्तावेज़ीकरण पर निर्दिष्ट हैं जिन्हें आप स्टाइल बदलने के लिए यहां पा सकते हैं: https://getbootstrap.com/docs/4.1/components/forms/

इससे आपको वह स्टाइल मिलनी चाहिए जो आप चाहते हैं, हालांकि आप जो चाहते हैं उसे प्राप्त करने के लिए आप अपना थोड़ा सा अतिरिक्त जोड़ना चाह सकते हैं।

1
Ember 9 जिंदा 2019, 19:51

इसे अपने फॉर्म में जोड़ें:

def __init__(self, *args, **kwargs):
    super().__init__(*args, **kwargs)
    for myField in self.fields:
        self.fields[myField].widget.attrs['class'] = 'form-control'
1
Atley Varghese 11 जिंदा 2019, 16:03