Pycharm上Django的使用 Day14

设置其余页面的样式bootstrap

1.设置new_topic页面的样式框架

1处加载bootstrap3,添加header块并在其中包含合适的消息网站

2处表示在标签<form>中添加属性class = "form"3d

3处表示使用模板标签{% bootstrap_form %}代替{{ form.as_p }}orm

4处表示使用bootstrap3结构来定义提交按钮blog

 

2.设置topics页面样式部署

1处表示在header块中添加标题Topicsit

2处表示将每一个主题的样式都设置为<h3>元素,让它们在页面上显得大些form

3处表示对于添加新主题的连接,也作了同2处的处理模板

 

3.设置topic页面中条目的样式

1处,将主题放在了header块中

2处建立了一个面板式div元素,其中包含两个嵌套的div:一个面板标题(panel-heading)div(3处)和一个面板主体(panel-body)div

其中面板标题div包含条目的建立日期以及用于编辑条目的连接,它们都被设置为<h3>元素(4处),而对于编辑条目的连接,还使用了标签<small>,使其比时间戳小些(5处)

 

4.设置new_entry页面、edit_entry页面和注册页面

这3个页面的设置方法和以前的差很少都同样,就不作过多解释了哈

 

5.运行manage.py

 

 

 

 

 

能够看到页面的样式都设置成功,到这里,一个网站的基本框架就构造好了,后面再细化功能和页面方面的东西吧。

接下来就是部署这个网站了,下期见~

相关文章
相关标签/搜索