Python web模版Django-24 在Django中用Django-bootstrap3插件

        Django有个bootstrap3插件，可以简化对bootstrap3的使用，github上有其的项目。

打开帮助可以看其具体使用方法：

1. 第一步就是安装插件　pip install django-bootstrap3
2. 第二步，在settings.py上的INSTALLED_APPS中加入 'bootstrap3,'
3. 在模版中，加载bootstrap3库，用 bootstrap_*的标签，如下：　更多细节参考官方的标签说明　

http://django-bootstrap3.readthedocs.io/en/latest/templatetags.html

{# 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 #}

  {% csrf_token %}
  {% bootstrap_form form %}
  {% buttons %}
    
      {% bootstrap_icon "star" %} Submit
    
  {% endbuttons %}


{# Read the documentation for more information #}

实例，用Django-bootstrap3改造 "Python web模版Django-22 Bootstrap美化HTML之用BootCDN"章中开发的index.html.

原始的html文件：

  
    
    
    
    
    
    
    

    

    
    

    
    

    
    

    
    
    

    
    
  

  

    


      

        
发布会管理
        username
        
        password
        

        登录
         {{wronglyInput}}

         {% csrf_token %}
      

    
 


    
    
  

		

改造：将上面绿色部分都删掉，然后用Django-bootstrap3改造，把bootstrap中相关的css, javascript等标签加入，如下

  
    
    {% load bootstrap3 %}
    {% bootstrap_css %}
    {% bootstrap_javascript %}
    {% bootstrap_messages %}
    
    
    
  

  

    


      

        
发布会管理
        username
        
        password
        

        登录
         {{wronglyInput}}

         {% csrf_token %}
      

    
 

  

重新运行，结果正常：