文档章节

Django + Bootstrap 创建blog

R
 RabbitZack
发布于 2016/04/12 00:00
字数 398
阅读 74
收藏 0

首先是制作home,也就是网站的首页。

由于Djangotemplates可以包含基础(暂时先跳过)。

简单来讲就是base.html中有navibar、content和footer等block,由于每个页面都有导栏和尾栏,所以使用{% include %}包含以便复用navibar和footer。

 

简单记录怎么在html中使用bootstrap的导航栏自己不知道,查到的点:

1)bootstrap有专门的导航栏实例,直接copy和paste即可(详见http://v3.bootcss.com/components/#navbar)。

2)如果使用响应式下拉导航条,需要在script标签加jQuery的js(需在bootstrap的js前)。

3)如果使用的标签不是nav而是div需要制定role是navigation。

4)增加一层div为container可以是导航栏有居中的效果

5)增加注册、登陆按钮,可以新建一个navbar-form,然后再在里面建立a标签,例如:

<form class="navbar-form navbar-right">
        <a class="btn btn-primary" href="https://beta.umbreo.com/login">Log In</a>
        <a class="btn btn-primary" href="https://beta.umbreo.com/signup">Sign Up</a>
    </form>

6)靠右,如果有多个class有.navbar-right,则前面的在后面的右边。

 

ps:补充css学到的一个水平居中的知识点:

    如果是块元素居中,设置style为

width: auto; display: table; margin-left: auto; margin-right: auto

    如果是行内元素,使用

text-align: center

就可以了

遗留问题:

1)品牌图标嵌入导航栏,导航条不居中。

2)pycharm总是不识别utf-8的中文,改了配置还不行。

 

项目发到github的远程目录上了,改天再看弄到自己的目录下吧

© 著作权归作者所有

共有 人打赏支持
R
粉丝 0
博文 1
码字总数 398
作品 0
朝阳
私信 提问
Ubuntu利用Django框架快速搭建网站

前言 Django是一个开源的Web应用框架,由Python写成,它的主要目标是使得开发复杂的、数据库驱动的网站变得简单。Django采用MVC设计模式注重组件的重用性和“可插拔性”,敏捷开发和DRY法则(...

初雪之音
2016/08/02
126
0
Python+Django+Boostrap搭建个人Blog-Part01开发环境及安装

最近看到很多人,都在用python搭建自己的博客。通过python+Django+git,or发布在云平台上。对于一个目标为全栈工程师的测试开发人员来说,这个搭个自己的Blog也不算装13了吧!接下来的整个开...

丰_申
2016/08/21
778
0
django使用python manage.py makemigrations命令不能生成数据库表

G:\pythondemo\myblog>python manage.py makemigrations Traceback (most recent call last): File "manage.py", line 22, in execute_from_command_line(sys.argv) File "C:\Program Files ......

snowfox008
04/11
1K
5
liufeily/sadmin

#Sadmin ###版本: python v2.6 django v1.6 Bootstrap v3.2.0 ###部署(linux): 1.安装django 1.6 2.将项目解压在任意目录下,进入项目目录 3.同步数据库,需要先创建好数据库,数据库连接信...

liufeily
2015/03/14
0
0
python + django + bootstrap 快速web开发初探

Python 是一种面向对象、解释型计算机程序设计语言,由Guido van Rossum于1989年底发明,第一个公开发行版发行于1991年。Python语法简洁而清晰,具有丰富和强大的类库。 Django 是一个开放源...

dchuang
2014/11/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Flink-数据流编程模型

1、抽象等级 Flink提供了不同级别的抽象来开发流/批处理应用程序。 1) 低层级的抽象 最低层次的抽象仅仅提供有状态流。它通过Process函数嵌入到DataStream API中。它允许用户自由地处理来自一...

liwei2000
20分钟前
1
0
Java开发Swing实战JFrame和JTabbedPane容器的用法详细解析

概述: 项目是一个桌面程序,涉及标签和按钮组件、布局管理器组件、面板组件、列表框和下拉框组件等组件,以及Swing事件处理机制。 下面先从最基础的界面开始。 /** * @author: lishuai * @...

金铭鼎IT教育
25分钟前
7
0
flask 之旅

环境 为了正确地跑起来,你的应用需要依赖许多不同的软件。 就算是再怎么否认这一点的人,也无法否认至少需要依赖Flask本身。 你的应用的运行环境,在当你想要让它跑起来时,是至关重要的。 ...

hblt-j
25分钟前
5
0
easyui的上传文件

记录一下自己亲手操刀easyui的心得:不用不知道,一用就问题多,网上查资料,有用的真的太少了 ——————————————————正文 FileBox,还是不错的讲真,至少我去自己写就gaga了...

anlve
27分钟前
4
0
如何做好SQLite 使用质量检测,让事故消灭在摇篮里

本文由云+社区发表 SQLite 在移动端开发中广泛使用,其使用质量直接影响到产品的体验。 常见的 SQLite 质量监控一般都是依赖上线后反馈的机制,比如耗时监控或者用户反馈。这种方式问题是: ...

腾讯云加社区
29分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部