文档章节

Django + Bootstrap 创建blog

R
 RabbitZack
发布于 2016/04/12 00:00
字数 398
阅读 61
收藏 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
django1.8引用bootstrap创建响应式登录界面

最近在鼓捣django,学了几天的html。在网上发现bootstrap这个好东西。刚好最近要搞个B/S模式的管理平台。css还没有学,html还不熟,走了很多弯路,发现其实很简单的说。由于是django新手,参...

落叶刀
2015/11/08
0
0
python + django + bootstrap 快速web开发初探

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

dchuang
2014/11/17
0
0
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

没有更多内容

加载失败,请刷新页面

加载更多

70.shell的函数 数组 告警系统需求分析

20.16/20.17 shell中的函数 20.18 shell中的数组 20.19 告警系统需求分析 20.16/20.17 shell中的函数: ~1. 函数就是把一段代码整理到了一个小单元中,并给这个小单元起一个名字,当用到这段...

王鑫linux
今天
0
0
分布式框架spring-session实现session一致性使用问题

前言:项目中使用到spring-session来缓存用户信息,保证服务之间session一致性,但是获取session信息为什么不能再服务层获取? 一、spring-session实现session一致性方式 用户每一次请求都会...

WALK_MAN
今天
5
0
C++ yield()与sleep_for()

C++11 标准库提供了yield()和sleep_for()两个方法。 (1)std::this_thread::yield(): 线程调用该方法时,主动让出CPU,并且不参与CPU的本次调度,从而让其他线程有机会运行。在后续的调度周...

yepanl
今天
4
0
Java并发编程实战(chapter_3)(线程池ThreadPoolExecutor源码分析)

这个系列一直没再写,很多原因,中间经历了换工作,熟悉项目,熟悉新团队等等一系列的事情。并发课题对于Java来说是一个又重要又难的一大块,除非气定神闲、精力满满,否则我本身是不敢随便写...

心中的理想乡
今天
31
0
shell学习之获取用户的输入命令read

在运行脚本的时候,命令行参数是可以传入参数,还有就是在脚本运行过程中需要用户输入参数,比如你想要在脚本运行时问个问题,并等待运行脚本的人来回答。bash shell为此提 供了read命令。 ...

woshixin
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部