![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架
aqzengkuasheng
这个作者很懒,什么都没留下…
展开
-
layui数据表格的渲染方式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="layui-v2.5.6/layui-v2.5.6/layui/css/layui.css"/> <script src="layui-v2.5.6/layui-v2.5.6.原创 2022-02-28 19:49:54 · 1301 阅读 · 3 评论 -
layui表单实现
表单输入框的实现1.要引入layui中的核心css和js资源<link rel="stylesheet" type="text/css" href="layui-v2.5.6/layui-v2.5.6/layui/css/layui.css"/> <script src="layui-v2.5.6/layui-v2.5.6/layui/layui.js" type="text/javascript" charset="utf-8"></script>2.要有依原创 2022-02-28 16:26:40 · 555 阅读 · 0 评论 -
layui实现选项卡
实现步骤:1.引入资源<link rel="stylesheet" href="layui/css/layui.css"><script src="layui/layui.js"></script>2.依赖加载模块<script type="text/javascript"> // 注意:选项卡 依赖 element 模块,否则无法进行功能性操作 layui.use('element', function(){ va原创 2022-02-28 16:26:26 · 356 阅读 · 0 评论 -
layui实现导航栏目
导航是依赖element模块的所以要依赖加载模块:elememt导航水平导航 layui-navlayui-nav-item 表示的是导航的子项layui-this 表示当前被选中的项layui-nav-child 表示是二级菜单垂直导航 layui-nav layui-nav-tree侧边导航 layui-nav layui-nav-tree layui-nav-side 导航的主题颜色 layui-bg-颜色 面包屑式导航 layui-breadcrumb 通过lay原创 2022-02-28 16:26:09 · 3314 阅读 · 0 评论 -
bootStrap缩略图和面板
缩略图:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" /> </head> <body> <div class="contai原创 2022-02-21 21:42:59 · 115 阅读 · 0 评论 -
bootStrap表单布局
表单布局先要用form标签<form action="#" class="form-horizontal" role="form"></form>然后用.form-group 类,在这里面去写每一个表单元素。在每一个表单的开头,可以利用label标签去说明这个模块是干什么的。其中for属性和这个表单元素的id属性一样,可以以此聚焦。 表单布局 水平样式 设置样式: form-horizontal 内联表单 设置样式: form-原创 2022-02-20 13:32:06 · 720 阅读 · 0 评论 -
bootStrap表单元素
表单1.文本框.form-control 表单元素的样式表单控件的大小 .input-lg .input -sm2.下拉框.form-control 表单元素的样式multiple=“multiple” 表单元素的样式3.文本域.form-control表单元素的样式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>原创 2022-02-19 19:40:05 · 467 阅读 · 0 评论 -
bootStrap常用样式:标题和段落、列表、代码、表格
标题和段落 常用样式 常用样式 1.标题 bootStrap对h1~h6的标题效果进行了覆盖 提供了对应的类名,为非标题元素提供了样式 .h1~.h6 副标题提供了samll标签或者 .samll类名 2.段落 >通过.lead来突出强调内容 <small>小号字 <b>或<strong>加粗 <i><em>:斜体 3.强调 定义了一套类名,这里称其为强调类名,这些强调类都是原创 2022-02-19 14:08:04 · 2126 阅读 · 0 评论 -
bootStrap的栅格网格系统
注意: 网格系统必须使用到csscontainer、row 、xs (xsmall phones),sm (small tablets),md (middle desktops),lg (largerdesktops) 即: 超小屏(自动),小屏(750px),中屏(970px)和大屏(1170px)数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。在行(.row)中可以添加列(.column), 只有列(column)才可以作为行容器(.原创 2022-02-18 21:56:52 · 399 阅读 · 0 评论 -
bootStrap使用入门
下载:http://v3.bootcss.com/getting-started/下载完成后拷贝 dist/css 中的 bootstrap.min.css 到项目 css 中拷贝 dist/js 中的 bootstrap.min.js 到项目的 js 中下载 jquery.jshttp://jquery.com/在 html 中模板为:<!DOCTYPE html><html lang="en"> <head> <meta cha.原创 2022-02-18 20:28:35 · 232 阅读 · 0 评论