Flask中Bootstrap的使用方法-成都快上网建站

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://kswjz.com/article/ggcjgp.html
    扫二维码与项目经理沟通

    我们在微信上24小时期待你的声音

    解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流