Flask实战2问答平台--导航条

项目总览

1.新建index.html
2.引入css,js .链接http://v3.bootcss.com/getting-started/
3.导入当行条代码,代码链接http://v3.bootcss.com/components/#navbar
4.搜索brand,将这条语句

<a class="navbar-brand" href="#">Brand</a>

修改为

<a class="navbar-brand" href="#"><img class="logo" src="{{url_for('static',filename = 'Logo/cat.png')}}" alt=""></a>

5.然后在static文件夹新建css文件夹,新建文件index.css,调整一下图片大小
(之前css目录用大小,导致css文件没有效果,不知怎么回事)

.logo{width: 30px;height: 25px;
}

在index.html中导入index.css

<link rel="stylesheet" href="{{url_for('static',filename = 'css/index.css')}}">

然后更改一下中文,效果如下

Flask实战2问答平台--导航条相关推荐

flask实战之问答平台(参考b站视频)
准备新建一个项目,在项目中添加一个config.py文件,用来进行邮箱验证码,cookie,和session和一些加密等的配置这样看来config.py是项目的一部分了,但是还要在app.py中进 ...
Flask实战2问答平台-登录限制(装饰器)
我们来解决上一文章说到的,为登录不能点击发布问答功能 (一)先写一个装饰器装饰器教程参考廖雪峰教程 http://t.cn/RK0SaGl from functools import wraps # ...
Flask实战2问答平台-发布问答界面完成
当我们登录进来后,我们便可以发布问答了,注意一点再未登录之前,我们是不能点击发布问答的,这一点我们在下一篇文章中实现. (1)新建question.html,还是继承base.html {% ext ...
Flask实战2问答平台-父模板抽离(登录注册界面)
我们写一个基模板,然后让其他的继承. (1)新建基模板base.html 注意5,13,53行的{%%}块 <!DOCTYPE html> <html lang="en&q ...
Flask实战2问答平台-问答详情完成
首页文章已经布局完成,这次要完成的功能是点击文章,跳转到文章详情页. 新建detail.html {% extends 'base.html' %} {% block title %}详情{% end ...
Flask实战2问答平台-首页布局,功能完成
首页需要用来显示文章 index.html如下 {% extends 'base.html' %}{% block title %} 首页 {% endblock %}{% block head %} ...
Flask实战2问答平台-发布问答功能完成
我们需要新建一个表,可以采用两种方式: (1)手动建表 (2)使用flask_migrate. 说一下使用第二种方法建表的方式 (1)在models.py文件中添加如下代码 class Questio ...
Flask实战2问答平台-完成登录注册功能
本来可以提前完成这篇的,结果测试时发现了一些问题,稍后将会提到. 上篇中我们已经完成了登录注册的界面,现在具体完成其具体功能. 1.注册功能因为注册成功后,才能登录,我们在主py文件中添加如下 @a ...
python flask框架发布问答平台注册页面_Python|Flask框架实现QQ账号登录
本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章. 前期准备因为注册QQ互联需要已备案的网站,所以需要准备一个已备案的网站与域名. 首先访问QQ互联平台 ...

Flask实战2问答平台--导航条

Flask实战2问答平台--导航条相关推荐

最新文章

热门文章