html火锅页面,lyear_ui_modals.html

模态框 - 光年(Light Year Admin)后台管理系统模板

• 后台首页

• UI 元素

  • 按钮
  • 卡片
  • 格栅
  • 图标
  • 表格
  • 模态框
  • 提示 / 弹出框
  • 警告框
  • 分页
  • 进度条
  • 标签页
  • 排版
  • 步骤
  • 其他

• 表单

  • 基本元素
  • 单选框
  • 复选框
  • 开关

• 示例页面

  • 文档列表
  • 图库列表
  • 网站配置
  • 设置权限
  • 新增文档
  • 表单向导
  • 登录页面
  • 错误页面

• JS 插件

  • 日期选取器
  • 滑块
  • 选色器
  • Chart.js
  • 对话框
  • 标签插件
  • 通知消息

Copyright © 2019. IT书包 All rights reserved.

UI元素 - 模态框

• 

  笔下光年

  • 个人信息
  • 修改密码
  • 清空缓存
  • 退出登录

• • 主题

  • LOGO

  • 头部

  • 侧边栏

模态框

点击启动示例

×

标题

您的内容...

关闭

点击保存

---

可选尺寸

大模态框

×

标题(大)

您的内容...

关闭

点击保存

小模态框

×

标题(小)

您的内容...

关闭

点击保存

---

使用格栅

点击演示示例

×

标题

.col-md-4

.col-md-4 .col-md-offset-4

.col-md-3 .col-md-offset-3

.col-md-2 .col-md-offset-4

.col-md-6 .col-md-offset-3

Level 1: .col-sm-9

Level 2: .col-xs-8 .col-sm-6

Level 2: .col-xs-4 .col-sm-6

关闭

点击保存

---

变更模态框内容

打开模态框 for @mdo

×

新消息

收件人：

消息内容：

关闭

发送消息

$('#exampleModal').on('show.bs.modal', function (event) {

var button = $(event.relatedTarget)

var recipient = button.data('whatever')

var modal = $(this)

modal.find('.modal-title').text('发送新消息给 ' + recipient)

modal.find('.modal-body input').val(recipient)

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史