3.Bootstrap组件
摘要:1.导航元素 标签式的导航菜单 给一个无序列表添加 class="nav nav-tabs" 给任意一个 li 添加 class="active"(表示选中这个导航) <body> <div class="container"> <p>标签式的导航菜单</p> <ul class="nav nav-
阅读全文
posted @
2021-11-29 13:59
冰冰点灯
阅读(49)
推荐(0) 编辑
2.Bootstrap常用样式
摘要:1.标题 Bootstrap 和普通的 HTML 页面一样,定义标题都是使用标签 <h1> ~ <h6> ,只不过 Bootstrap 覆盖了其默认的样式,使用其在所有浏览器下显示的效果一样, 为了让非标题元素和标题使用相同的样式,还特意定义了 .h1 ~ .h6 六个类名。同时后面可以紧跟着一行小
阅读全文
posted @
2021-11-29 13:53
冰冰点灯
阅读(1627)
推荐(0) 编辑
1.Bootstrap使用(布局容器,栅格网格系统,【列组合与列偏移,列排序与列嵌套】)
摘要:<!--使用X-UA-Compatible来设置IE浏览器兼容模式 最新的渲染模式- -> <meta http-equiv="X-UA-Compatib1e" content= "IE=edge"> <!-- viewport表示用户是否可以缩放页面; width指定视区的逻辑宽度; device
阅读全文
posted @
2021-11-29 13:47
冰冰点灯
阅读(331)
推荐(0) 编辑
3、layui基础(数据表格 tabel)
摘要:一、快速使用 layui.use("tabel",function{ var tabel= layui.tabel; tabel.render({ elem:"#demo", // <tabel id="demo"></table> url:'js/user.json',//数据接口 height:
阅读全文
posted @
2021-11-22 12:01
冰冰点灯
阅读(779)
推荐(0) 编辑
2、layui补充(弹出层 时间选择器 分页)
摘要:▶▶弹出层layer 独立使用,在离线1.8以上jquery和layer.js文件 layui模块化使用,引入layui的css和js,在script中使用layui.use()加载模块 layui.use("layer",function{ var layer = layui.layer; lay
阅读全文
posted @
2021-11-22 10:32
冰冰点灯
阅读(447)
推荐(0) 编辑
1、layui基础(导航 表格 表单)
摘要:1.基本样式 layui - col- space* '*' 列间距最多只有到30px layui - col- offset* '*' 右偏移占据的列数 layui - row 创建行 , layui-btn 按钮 (有颜色 大小) 2.模块引用 ▶▶导航模块 element //单个模块用字符串
阅读全文
posted @
2021-11-22 10:28
冰冰点灯
阅读(1269)
推荐(0) 编辑