首页页面的搭建

首页页面的搭建

"en">

    "UTF-8">
    
    
    
    "stylesheet" href="/static/element/bootstrap.min.css">

    


class="container-fluid">
    {# 头部 #}
    
class="head">
        
    


    {# 主体 #}
    
class="body row">
        {#  左侧   #}
        
class="col-md-2">
            
class="panel panel-success">
                
class="panel-heading">
                    
class="panel-title">Panel title
                
                
class="panel-body">
                    Panel content
                
            
            
class="panel panel-info">
                
class="panel-heading">
                    
class="panel-title">Panel title
                
                
class="panel-body">
                    Panel content
                
            
            
class="panel panel-warning">
                
class="panel-heading">
                    
class="panel-title">Panel title
                
                
class="panel-body">
                    Panel content
                
            
        

        {#   中间   #}
        
class="col-md-7">
            
class="lunbotu">
                
"carousel-example-generic" class="carousel slide" data-ride="carousel">
                    
                    
class="carousel-indicators">
                        
"#carousel-example-generic" data-slide-to="0" class="active">
                        
"#carousel-example-generic" data-slide-to="1">
                        
"#carousel-example-generic" data-slide-to="2">
                    

                    
                    
class="carousel-inner" role="listbox">
                        {% for banner in banner_list %}
                            {% if forloop.first %}
                                
class="item active">
                                    "{{ banner.url }}" alt="首页图">
                                    {#  
#}
                                    {#    {{ banner.name }}#}
                                    {#  
#}
                                

                            {% else %}
                                
class="item ">
                                    "{{ banner.url }}" alt="首页图">
                                

                            {% endif %}

                        {% endfor %}


                    

                    
                    class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        class="glyphicon glyphicon-chevron-left" aria-hidden="true">
                        class="sr-only">Previous
                    
                    class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        class="glyphicon glyphicon-chevron-right" aria-hidden="true">
                        class="sr-only">Next
                    
                
            

            {#  文章   #}
            
class="article">
                {% for article in article_list %}
                    {{ article.title }}
                {% endfor %}
                
            

        

        {#   右侧  #}
        
class="col-md-3">
            
class="list-group">
                
class="list-group-item">Cras justo odio
                
class="list-group-item">Dapibus ac facilisis in
                
class="list-group-item">Morbi leo risus
                
class="list-group-item">Porta ac consectetur ac
                
class="list-group-item">Vestibulum at eros
            
        
    



    {# 页脚 #}
    

        










        










    
    
class="footer text-center" style="background-color: rgb(243,243,243)">