![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
专职
人生苦短,我用python
展开
-
bootstrap中日期时间控件的使用与设置
Bootstrapdatetimepicker控件的使用1.支持日期选择,格式设定2.支持时间选择3.支持时间段选择控制4.支持中文截图:一:引入相关js文件<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"><link href="https://cdn.bootcss.com/bootstrap-datetimepic.原创 2020-07-30 16:57:13 · 2792 阅读 · 0 评论 -
bootstrap中如何处理table中单元格内容显示过长问题
一:表格表头不是很长的时候使用1. 给表格添加样式table{ table-layout:fixed;}2. 给每个单元格添加样式table td{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}二:表格表头很长的时候1. 给表格添加样式table{ table-layout:auto;}2. 给每个单元格添加样...原创 2020-07-30 10:28:45 · 2050 阅读 · 0 评论 -
bootstrap实现登录模板页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <script src=".原创 2020-06-24 13:19:48 · 8087 阅读 · 0 评论 -
django项目中bootstrap实现的注册模板页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <script src=".原创 2020-06-19 15:26:52 · 996 阅读 · 0 评论 -
bootstrap中的警告
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <script src=".原创 2020-06-16 13:46:23 · 269 阅读 · 0 评论 -
bootstrap中缩略图的用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <script src=".原创 2020-06-16 11:46:31 · 544 阅读 · 0 评论 -
bootstrap中超大屏幕和页面标题的用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap中的超大屏幕jumbotron</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> .原创 2020-06-16 11:09:15 · 277 阅读 · 0 评论 -
bootstrap中标签和徽章的用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap中的标签</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <scri.原创 2020-06-16 10:19:46 · 293 阅读 · 0 评论 -
bootstrap中的分页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap中的分页</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <scri.原创 2020-06-16 10:13:23 · 165 阅读 · 0 评论 -
bootstrap中导航栏的用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap中的导航栏</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <scr.原创 2020-06-15 17:04:04 · 245 阅读 · 0 评论 -
bootstrap中的导航菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap中的导航元素</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <sc.原创 2020-06-15 14:12:11 · 376 阅读 · 0 评论 -
bootstrap中输入框组的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap中的输入框组</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <sc.原创 2020-06-15 13:13:43 · 172 阅读 · 0 评论 -
bootstrap中字形图标的常用方法
<!DOCTYPE html><html><head> <title>Bootstrap 实例 - 如何使用字形图标(Glyphicons)</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <script src="{% static 'learn/.原创 2020-06-15 11:24:18 · 168 阅读 · 0 评论 -
bootstrap中的按钮下拉菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap中的按钮下拉菜单</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <.原创 2020-06-13 15:51:13 · 173 阅读 · 0 评论 -
bootstrap中的按钮组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap中的按钮组</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <scr.原创 2020-06-12 16:24:00 · 169 阅读 · 0 评论 -
bootstrap中的下拉菜单的用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap中的下拉菜单</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <sc.原创 2020-06-12 15:44:16 · 240 阅读 · 0 评论 -
bootstrap中几个常用的响应式实用工具
Class 设备.visible-xs 额外的小设备(小于 768px)可见.visible-sm 小型设备(768 px 起)可见.visible-md 中型设备(768 px 到 991 px)可见.visible-lg 大型设备(992 px 及以上)可见.hidden-xs 额外的小设备(小于 768px)隐藏.hidden-sm 小型设备(768 px 起)隐藏.hidden-md 中型设备(768 px 到 991 px)隐...原创 2020-06-12 14:31:57 · 264 阅读 · 0 评论 -
bootstrap中的常用帮助器类
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap对图像的支持</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <sc.原创 2020-06-12 14:05:58 · 184 阅读 · 0 评论 -
bootstrap中图像的处理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap对图像的支持</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <sc.原创 2020-06-12 11:41:22 · 289 阅读 · 0 评论 -
bootstrap中按钮的常用操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap中的按钮</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <scri.原创 2020-06-12 11:32:51 · 423 阅读 · 0 评论 -
bootstrap中表单控件大小的设置
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单控件大小的设置</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <script s.原创 2020-06-12 11:08:29 · 1380 阅读 · 0 评论 -
bootstrap中的静态控件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap中的水平表单</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <sc.原创 2020-06-12 10:44:05 · 233 阅读 · 0 评论 -
bootstrap中的选择框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap中的选择框</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <scr.原创 2020-06-12 10:23:16 · 1639 阅读 · 0 评论 -
bootstrap中复选框和单选框的实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap中复选框和单选框的应用</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> &.原创 2020-06-12 10:03:25 · 807 阅读 · 0 评论 -
bootstrap中水平表单的创建
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>水平表单</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <script src="{.原创 2020-06-11 15:59:41 · 367 阅读 · 0 评论 -
bootstrap中内联表单的创建
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>内联表单</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <script src="{.原创 2020-06-11 15:27:04 · 393 阅读 · 0 评论 -
bootstrap垂直表单的创建
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <script src="{% .原创 2020-06-11 14:54:58 · 480 阅读 · 0 评论 -
bootstrap中创建表格常用的元素和类有哪些
1. 元素<table> 容纳以表格形式显示数据的元素。<thead> 表格标题行的容器元素(<tr>),用来标识表格列。<tbody> 表格主体中的表格行的容器元素(<tr>)。<tr> 一组出现在单行上的表格单元格的容器元素(<td> 或 <th>)。<td> 默认的表格单元格。<th> 特殊的表格单元格,用来标识列或行(取决于范围和位置)。必须在 <thead&g.原创 2020-06-11 14:03:39 · 396 阅读 · 0 评论 -
bootstrap中哪个标签可以插入代码
Bootstrap 允许您以两种方式显示代码:第一种是 <code> 标签。如果您想要内联显示代码,那么您应该使用 <code> 标签。第二种是 <pre> 标签。如果代码需要被显示为一个独立的块元素或者代码有多行,那么您应该使用 <pre> 标签。案例:{#code标签#}<code><article></code>{#pre标签#}<pre><articl.原创 2020-06-11 13:17:57 · 394 阅读 · 0 评论 -
bootstrap中常用强调文本的类
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap强调文本的类</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> <sc.原创 2020-06-11 12:07:36 · 350 阅读 · 0 评论 -
jquery和bootstrap引用源
<!-- 新 Bootstrap 核心 CSS 文件 --><link href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> <!-- 可选的Bootstrap主题文件(一般不使用) --><script src="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap-th.原创 2020-06-10 14:56:37 · 359 阅读 · 0 评论 -
bootstrap中的表单
原创 2019-12-30 21:20:46 · 74 阅读 · 0 评论