美文网首页我爱编程
【Django实践】_bootstrap框架

【Django实践】_bootstrap框架

作者: 大婶N72 | 来源:发表于2017-07-11 17:02 被阅读58次

    Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成

    一、直接使用bootstrap:

    下载:http://getbootstrap.com/getting-started/#download

    (1).在 Django 项目的app目录下新建一个static文件夹,再在static里面新建一个bootstrap文件夹,将下载的三个文件夹(css、js、fonts)放进去

    图1 bootstrap目录结构

    (2)..修改 settings.py,新增以下配置:

    STATIC_URL ='/static/'

    STATICFILES_DIRS=(

    os.path.join(BASE_DIR,'static'),

    )

    图2 setting.py新增配置

    (3).模板文件中引用:

    图3 模板文件引用bootstrap下文件

    二、虫师介绍的第二种方法(web接口开发与自动化测试-基于python语言5.1),暂时还没有实现,有时间再来研究。

    参考材料:

    1.http://www.cnblogs.com/zhenfei/p/6422359.html

    三、django-bootstrap-toolkit

    django-bootstrap-toolkit应用可以让Django非容易的集成Bootstrap。

    1、安装django-bootstrap-toolkit

    资源地址:https://pypi.python.org/pypi/django-bootstrap-toolkit/2.15.0

    2、要想使用bootstrap,必须在settings.py/INSTALLED_APPS中增加bootstrap_toolkit

    INSTALLED_APPS中增加配置

    备注:如果发现这个新增的配置有阴影,只需要检查Lib\site-packages下是否有bootstrap-toolkit,没有的话,拷贝一份过来就可以了

    相关文章

      网友评论

        本文标题:【Django实践】_bootstrap框架

        本文链接:https://www.haomeiwen.com/subject/wmemhxtx.html