Loading...
按钮通过按钮(Button)插件,可以添加一些交互,如下:控制按钮状态,比如禁用状态、正在加载状态、正常状态等; 按钮切换状态 按钮模仿单选按钮 按钮模仿复选按钮 单个切换/加载状态 单个切换 ...
滚动监听—— 通过 data 属性调用滚动监听(Scrollspy)插件是用来根据滚动条所处的位置自动更新导航项目, 显示导航项目高亮显示。通过 data 属性调用为监控对象设置被监控的 dat...
媒体对象本小节我们将讲解 Bootstrap 中的媒体对象(Media Object)。媒体对象可以包含图片、视频或音频等媒体,以达到对象和文本组合显示的样式效果。基本实例<div cla...
分页默认分页(Pagination) 分页(Pagination)是一种无序列表,Bootstrap 像处理其他界面元素一样处理分页。下表列出了 Bootstrap 提供的处理分页的类: 翻页...
栅格系统的工作原理栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局。Bootstrap 需要为页面内容和栅格系统包裹一个.container 容器下面是创建一个响应式...
下载 BootstrapBootstrap 安装是非常容易的,你可以从 Bootstrap官网 上下载 Bootstrap 的最新版本。 为了更方便的使用,你可以下载 Bootstrap CSS...
Events事件JavaScript使我们有能力创建动态页面,网页中的每一个元素都可以产生某些触发JavaScript函数的事件。我们可以认为事件是可以被JavaScript侦测到的一种行为。 ...
什么是DOM?HTML DOM 通过 HTML DOM,JavaScript 可访问 HTML 文档的所有元素。HTML DOM (文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模...
表单在 HTML 页面里,我们需要编写表单来获取用户输入。一个典型的表单如下所示:<form method="post"> <!-- 指定提交方法为 POST --> ...
使用模板继承组织模板对于模板内容重复的问题,Jinja2 提供了模板继承的支持。 这个机制和 Python 类 继承非常类似: 我们可以定义一个父模板,一般会称之为基模板(base templa...
在 Flask 程序中自定义错误页面非常简单,我们先编写一个 404 错误页面模板,如 下所示: * templates/404.html:404 错误页面模板<!DOCTYPE html...
前面我写了jinjia2的基本语法:https://www.5yang.cc/5401 可是运行后,网页的界面看起来并不美观,好像很单调 那么我们添加一段css风格,然后再来看一看界面如何 * ...
<!DOCTYPE html> <html> <body> <div style="text-align:center;"> <but...