- 2024-12-16bootstrap4标签输入框插件
这是一款基于Bootstrap4的标签输入框插件。该插件使用Bootstrap4badge组件来制作标签输入和移除的效果。 在线演示 下载 使用方法在页面中引入下面的文件。<linkhref="bootstrap.min.css"rel="stylesheet"type="text/css"/><linkhref="jquery-tagsinp
- 2024-11-25基于bootstrap4封装的消息对话框组件
在线预览 下载 这是一款基于bootstrap4封装的消息对话框组件。该消息组件包括dialog,alert,confirm,input,success,error,notice。并且对话框支持鼠标或手指触摸拖拽。 使用方法在页面中引入下面的文件。lt;linkrel="stylesheet"href="bootstrap-4.0.0-dist
- 2024-11-24bootstrap4和jQuery消息通知插件
在线预览 下载 这是一款基于bootstrap4的jQuery消息通知插件。该消息通知插件使用简单，可生成多种主题的toast消息通知，可设置为自动消失或固定时间消失等，非常实用。 使用方法在页面中引入jquery和bootstrap4相关文件，以及notifyMessage相关文件。<linkhref=
- 2024-11-24Bootstrap4动态模态窗口jquery插件
在线预览 下载 这是一款Bootstrap4动态模态窗口jquery插件。通过该jquery插件，可以动态生成bootstrap4的模态窗口，可以实现简单的弹出框，对话框，以及复杂结构的模态窗口。 使用方法在页面中引入jquery.min.js、bootstrap-show-modal.js文件，以及bootstrap4相关文件。
- 2024-07-20bootstrap4登录注册页面
<!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>login</title><metaname="description"content
- 2024-07-20bootstrap4注册页面
<!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>register</title><metaname="description"co
- 2024-06-20bootStrap4 提示框（tooltip）的使用
参考文章：https://www.cnblogs.com/wm218/p/10869823.html tooltip(提示框)是一个小小的弹窗，在鼠标移动到元素上显示，鼠标移到元素外就消失。属性常用的功能，可以通过以下属性来设置： data-toggle="tooltip"指明这是一个tooltip组件对象，其实可以省略title="这
- 2024-05-28《python编程从入门到实践》day41
#昨日知识点回顾 用户注销、注册，限制访问，新主题关联到当前用户#今日知识点学习第20章设置应用程序的样式并部署20.1设置项目“学习笔记”的样式 20.1.1应用程序django-bootstrap4#settings.py---snip---INSTALLED_APPS=[#我的应
- 2024-05-18Angular2-Bootstrap4-Web-开发-全-
Angular2Bootstrap4Web开发（全）原文：zh.annas-archive.org/md5/1998a305c23fbffe24116fac6b321687译者：飞龙协议：CCBY-NC-SA4.0前言这本书是关于当代网页开发中两个巨大和最受欢迎的名字，Angular2和Bootstrap4。Angular2是AngularJS的继任者，但在许多方面都比前任更
- 2024-04-24bootstrap--模态框
bootstrap4虽然完全不依赖jquery,但是,模态框的弹出动作还是依赖jquery的<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>我的模态框</title><linkrel="stylesheet"href="plugins/boots
- 2024-01-05去掉bootstrap4自带的input输入框半透明阴影
bootstrap 输入框等输入时会自带蓝色阴影效果，有时候我们并不需要。button同理查看bootstrap.css代码，搜索focus，找到相关内容。所以我们再写css，把它原来的覆盖掉就可以啦/*去掉bootstrap自带的input输入框半透明阴影*/.form-control:focus{ box-shadow:none;}
- 2023-08-04Bootstrap4实现简单缺陷列表页面
缺陷列表实现代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>缺陷列表</title><!--CSS--><linkhref="https://cdn.bootcdn.net/ajax/libs/twitter-bootstra
- 2023-06-27crispy_forms TemplateDoesNotExist
django.template.exceptions.TemplateDoesNotExist:bootstrap4/uni_form.htmldjango.template.exceptions.TemplateDoesNotExist:bootstrap4/field.html问题：在使用django-crispy-forms时，跳转到signup页面出错django.template.exceptions.TemplateDoesNotExist:bootstrap
- 2023-03-22django 使用django-bootstrap4插件时，使表单呈2列或其他列分布时的写法
前言django使用django-bootstrap4插件时，使表单呈2列或其他列分布时的写法。在django-bootstrap4中没有内置的方法设置表单内容成几列分布，这里采用bootstrap4的栅格布局
- 2023-02-22django.template.exceptions.TemplateDoesNotExist: bootstrap4/uni_form.html
问题：在使用django-crispy-forms时，跳转到signup页面出错django.template.exceptions.TemplateDoesNotExist:bootstrap4/uni_form.html解决方法：使用bootstrap51.安装cr
- 2023-02-21开心档之Bootstrap4 自定义表单
Bootstrap4自定义表单Bootstrap4可以自定义一些表单的样式来替换浏览器默认的样式。 自定义复选框如果要自定义一个复选框，可以设置<div>为父元素，类为.custom-c
- 2023-02-14开心档-软件开发入门之Bootstrap4 安装使用
Bootstrap4安装使用我们可以通过以下两种方式来安装Bootstrap4：使用Bootstrap4CDN。从官网 getbootstrap.com 下载Bootstrap4。 Bootstrap4CDN
- 2023-02-10开心档之Bootstrap4 信息提示框
Bootstrap4信息提示框Bootstrap4可以很容易实现信息提示框。提示框可以使用.alert类,后面加上.alert-success,.alert-info,.alert-warning,.alert-danger,.a
- 2023-02-10开心档之Bootstrap4 徽章（Badges）
Bootstrap4徽章（Badges）徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要将.badge类加上带有指定意义的颜色类(如.badge-secondary)添加到<span>元
- 2023-02-10开心档之Bootstrap4 按钮组
Bootstrap4按钮组Bootstrap4中允许我们将按钮放在同一行上。可以在<div>元素上添加.btn-group类来创建按钮组。实例<divclass="btn-group"><buttontype="b
- 2023-02-10开心档之Bootstrap4 面包屑导航（Breadcrumb）
Bootstrap4面包屑导航（Breadcrumb）面包屑导航是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内
- 2023-02-07bootstrap4修改文件上传样式
css[hidden]{display:none!important;} html<labelclass="btnbtn-default"><svgxmlns="http://www.w3.org/2000/svg"width="16"height="16"fi