Django-bootstrap3插件搭建Django+Bootstrap网站

 Django有个bootstrap3插件，可以简化对bootstrap3的使用，github上有其的项目:https://github.com/dyve/django-bootstrap3

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

1. 安装插件　pip install django-bootstrap3
2. 在项目settings.py上的INSTALLED_APPS中加入 'bootstrap3,'
3. 在模版中，加载bootstrap3库，用 bootstrap_*的标签，如下：

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

    


      

        
用户登录
        username
        
        password
        

        登录
         {{wronglyInput}}

         {% csrf_token %}
      

    
 

  

4.更多细节参考官方的标签说明：http://django-bootstrap3.readthedocs.io/en/latest/templatetags.html

5.实例，用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 %}