专栏首页sktjpython flask web开发实战 bootstrap

python flask web开发实战 bootstrap

from flask.ext.bootstrap import Bootstrap

...

bootstrap = Bootstrap(app)

templates/user.html {% extends "bootstrap/base.html" %} {% block title %}Flasky{% endblock %} {% block navbar %} <div class="navbar navbar-inverse" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">Flasky</a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="/">Home</a></li> </ul> </div> </div> </div> {% endblock %} {% block content %} <div class="container"> <div class="page-header"> <h1>Hello, {{ name }}!</h1> </div> </div> {% endblock %}

base.html中的块

doc,html_attribs,html,head,title,metas,styles,body_attribs,body,navbar,content,scripts {% block scripts %} {{ super() }} <script type="text/javascript" src="my-script.js"></script> {% endblock %}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • bootstrap3 上中下页面布局

    用户5760343
  • bootstrap 警告框

    <div class="container"> <div class="alert alert-success"> <p>显示了警告框</p> </div...

    用户5760343
  • bootstrap 超大屏幕样式

    <div class="container"> <div class="jumbotron"> <h1>欢迎登陆页面!</h1> <p>这是一个超大屏幕(...

    用户5760343
  • flask-bootstrap安装与使用

     Bootstrap(http://getbootstrap.com/)是Twitter 开发的一个开源框架,它提供的用户界面组件可用于创建整洁且具有吸引力的网...

    菲宇
  • bootstrap3 上中下页面布局

    用户5760343
  • 25、商品详情页

    (1)复制一份test.vue文件并重命名为goodsDetail作为我们的商品详情页面

    Ewall
  • electron 仿制QQ登录界面

    注意 不要使用内置的拖动 我们要自己实现! 在页面中加入以下代码就可以实现拖动了!

    李昊天
  • flask第35篇——模板项目实战(一)

    上面代码综合了之前学过的知识,包括:flask for 循环、set模板赋值其余都是前端的内容,这里不做过多的阐述。

    用户2149234
  • 【前端】CSS : display

    设置了该属性之后设置高度、宽度都无效,同时text-align属性设置也无效,但是设置了line-height会让inline元素居中

    Gavin-ZYX
  • bootstrap 警告框

    <div class="container"> <div class="alert alert-success"> <p>显示了警告框</p> </div...

    用户5760343

扫码关注云+社区

领取腾讯云代金券