使用Bootstrap的Django 3的問題

我想實現Bootstrap，並認爲this library看起來非常整齊。然而，當我嘗試使用其中一個模板標籤時，沒有樣式，只是一個普通的HTML格式。東西我已經這樣做：使用Bootstrap的Django 3的問題

新增'bootstrap3',我settings.py
加載庫在我的模板

這裏的頂部是我的模板：

{% extends 'base.html' %} 
{% load bootstrap3 %} 
{% bootstrap_messages %} 

{% block title %} 
    Edit {{ thing.name }} - {{ block.super }} 
{% endblock title %} 

{% block content %} 
    <h1>Edit "{{ thing.name }}"</h1> 
    <form role="form" action="" method="post"> 
     {% csrf_token %} 
     {% bootstrap_form form %} 
     {% buttons %} 
     <button type="submit">{% bootstrap_icon "star" %}Submit</button> 
    </form> 
     {% endbuttons %} 

{% endblock content %}

和公正的記錄 - settings.py：

INSTALLED_APPS = [ 
    'collection', 
    'bootstrap3', 
    'django.contrib.admin', 
    'django.contrib.auth', 
    'django.contrib.contenttypes', 
    'django.contrib.sessions', 
    'django.contrib.messages', 
    'django.contrib.staticfiles', 
    'django.contrib.sitemaps', 
    'registration', 

]

任何幫助，非常感謝！

來源

2016-03-03 DBE7

「什麼也沒有發生」 - 你根本沒有形式？你得到一個表格，但它沒有風格？你根本沒有得到HTML？您收到錯誤訊息？ –

@JoshKelley編輯我的問題 – DBE7

如果大多數情況下工作正常，但樣式丟失，可能是因爲您沒有拉入Bootstrap CSS。 django-bootstrap3的自述文件省略了這個，但它的quickstart example template有必要的細節。

{# Load the tag library #} 
{% load bootstrap3 %} 

{# Load CSS and JavaScript #} 
{% bootstrap_css %} 
{% bootstrap_javascript %} 

{# Display django.contrib.messages as Bootstrap alerts #} 
{% bootstrap_messages %} 

{# Display a form #} 
<form action="/url/to/submit/" method="post" class="form"> 
    {% csrf_token %} 
    {% bootstrap_form form %} 
    {% buttons %} 
    <button type="submit" class="btn btn-primary"> 
     {% bootstrap_icon "star" %} Submit 
    </button> 
    {% endbuttons %} 
</form>

（對於一個真正的網站，當然，你可能會想添加{% bootstrap_css %}和{% bootstrap_javascript %}你的基本模板。）

來源

2016-03-03 20:08:47

什麼都沒發生...... – DBE7

我設法解決我自己的問題。 @JoshKelly的答案是解決方案的一部分。我剛剛在我的{% block %}內容中加載了CSS和Javascript。像這樣：

{% extends 'base.html' %} 

{% load bootstrap3 %} 


{% block title %} 
    Edit {{ thing.name }} - {{ block.super }} 
{% endblock title %} 

{% block content %} 
{% bootstrap_css %} 
{% bootstrap_javascript %} 
    <h1>Edit "{{ thing.name }}"</h1> 
    <form role="form" action="" method="post"> 
     {% csrf_token %} 
     {% bootstrap_form form %} 
     {% buttons %} 
     <button type="submit">{% bootstrap_icon "star" %}Submit</button> 
    </form> 
     {% endbuttons %} 

{% endblock content %}

正如Josh提到的，這看起來不太好看，所以我一定要將它添加到我的base.html中。

來源

2016-03-03 20:29:55 DBE7

使用Bootstrap的Django 3的問題

回答

相關問題