Facelift,样式

Facelift

本节与前面的章节不太一样,因为主要讲界面,而不是逻辑

CSS框架

如果不想花太多时间去学习底层原生的HTML和CSS写出漂亮的界面,那么CSS框架是一个选择

这些CSS框架都是底层的CSS类的高层抽象,具有良好的通用性。甚至支持JavaScripts嵌入

Bootstrap

Bootstrap是一个非常流行的CSS框架,由Twitter创建。

使用Bootstrap框架的好处:
在所有的主流浏览器上看起来一样
台式机,平板电脑和手机的屏幕大小不一的处理
可定制的布局
多风格的导航栏
多风格的表单
其它很多,很多…

使用Bootstrap最直接的方式是直接导入bootstrap.min.css文件到base template里

使用Bootstrap,完全不需要更改逻辑层代码
1.只需要初始化个Bootstrap实例
2.base.html继承bootstrap/base.html,并修改base.html里面的结构(导航链接,其他模板嵌入的地方)
3.修改Block

import 'bootstrap/wtf.html' as wtf
wtf.quick_form(form)
wtf已经提供了form模板

posted @ 2018-03-27 20:35  blog_hfg  阅读(83)  评论(0)    收藏  举报