32 - 个人博客项目-03-公共模板-base.html

新建公共模板: templates / base.html

        (1). 继承bootstrap父级模板

{% extends "bootstrap/base.html" %}

        (2). 标题

{% block title %}首页{% endblock %}

        (3). css

{% block styles %}
    {{ super() }}
    
{% endblock %}

        (4). 导航栏

{% block navbar %}
    

        

            
            

 
                个人博客
            
 
            
            

                

 
                    
首页 (current)
 
 
                    
关于我
 
 
                    

                        文章分类 
                        

                                    

                                        ...
                                    
                                    

                        
 
                    
                    
我的相册
                    
留言板
 
                
 
                

                    

                        
                    
                    搜索
                
 
 
                

                    

                            
                    
 
                        
登录
                        
注册
                
            
        
    
{% endblock %}
{% endblock %}

        (5). 内容

{% block content %}
    {% block newcontent %}
        
Hello, Bootstrap
    {% endblock %}
 
    {% block footer %}
        
这个是底部标签
    {% endblock %}
{% endblock %}