Flask中Bootstrap的使用方法

小编给大家分享一下Flask中Bootstrap的使用方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联建站是一家集网站建设,洪江企业网站建设,洪江品牌网站建设,网站定制,洪江网站建设报价,网络营销,网络优化,洪江网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

在视图的选择上,我们已经学习了模板引擎的方法。不过有些小伙伴追求开发的效率,这里我们推荐使用Bootstrap。我们把它以插件的形式安装在框架中,然后进行初始化。

1、要初始化bootstrap,如下:

from flask.ext.bootstrap import Bootstrap
 
bootstrap = Bootstrap(app)

2、页面模板放到项目的"templates/"目录下,我们定制一个自己的基模板,base.html,代码如下:

{% extends "bootstrap/base.html" %}
 
{% block head %}
    {{ super() }}
    
    
{% endblock %}
 
{% block title %}JolieBaby{% endblock %}
 
{% block navbar %}

    
        
                             Toggle navigation                                                                             JolieBaby         
                                      
  •                     Home                 
  •                 
  •                     Contacts                 
  •                      
        
    {% endblock %} {% block content %}     {% block page_content %}       {% endblock %} {% endblock %} 说下重点代码: {% extends "bootstrap/base.html" %}

    3、"bootstrap/base.html"就是Flask-Bootstrap自带的基模板,我们自己的基模板也要继承它。

    {% block head %}
     
    {% endblock %}

    以上是“Flask中Bootstrap的使用方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


    当前题目:Flask中Bootstrap的使用方法
    标题来源:http://bzwzjz.com/article/ggcjgp.html

    其他资讯

    Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
    友情链接: 成都网站设计 教育网站设计方案 专业网站设计 网站建设方案 重庆手机网站建设 手机网站建设 成都网站建设 网站建设 外贸网站建设 成都网站制作公司 成都网站制作 网站建设方案 网站建设公司 成都网站制作 宜宾网站设计 LED网站设计方案 手机网站制作 成都网站制作 企业网站建设 四川成都网站制作 网站制作 成都网站建设流程