layui与Bootstrap

简介: layui和bootstrap 对比    这两个都属于UI渲染框架。        layui是国人开发的一套框架,2016年出来的,现在已更新到2.X版本了。

layui和bootstrap 对比

    这两个都属于UI渲染框架。

        layui是国人开发的一套框架,2016年出来的,现在已更新到2.X版本了。比较新,轻量级,样式简单好看。

        bootstrap 相对来说是比较成熟的一个框架,现在已经更新到4.X版本。是一个很成熟的框架,这个大部分人一般都用过。

适用范围不一样

layui 其实更偏向与后端开发人员使用,在服务端页面上有非常好的效果。

做后台框架。

作者“闲心”都说了,开发这个框架的出发点是为了满足服务端程序员的需求。所以你懂得。

layui是提供给后端开发人员最好的ui框架,基于DOM驱动,在实现前端交互上比较麻烦,页面的增删改查都需要查询DOM元素。所以在不需要交互的时候,用layui还是不错的。

bootstrap 在前端响应式方面做得很好,PC端和移动端表现都不错。

做网站不错。

如果是类似官网,且需要同时满足PC端和移动端效果,bs表现很好。

但是如果是要交互的网站,比如商城之类,vue显然更好,前后端分离,。

大小不一样

layui 轻量级。

bootsrap 因为成熟,所以使用方便,但是同时也是因为成熟,就显得有些冗余。

目录
相关文章
N..
|
8月前
|
开发框架 前端开发 JavaScript
Bootstrap模态框
Bootstrap模态框
N..
66 1
N..
|
8月前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
73 0
Bootstrap5 模态框3
通过添加不同的类,如 `.modal-fullscreen` 可实现模态框全屏显示,`.modal-fullscreen-*-*` 控制特定尺寸下的全屏显示,`.modal-dialog-centered` 实现模态框居中,以及 `.modal-dialog-scrollable` 使模态框内部内容可滚动。
Bootstrap5 模态框1
Bootstrap5 模态框是一种覆盖在当前页面上的对话框,用于展示信息或进行用户交互。通过按钮触发,模态框包含标题、内容和底部操作区,实现页面内交互而不跳转。示例代码展示了如何使用 Bootstrap5 创建一个基本的模态框。
Bootstrap5 模态框2
通过在模态框的 `<div>` 元素中添加 `.fade` 类,可以实现模态框弹出和关闭时的淡入淡出动画效果。此外,通过添加 `.modal-sm`、`.modal-lg` 和 `.modal-xl` 类,可以调整模态框的大小,分别创建小、大和超大的模态框。
|
前端开发 JavaScript API
layui--02
layui--02
74 0
|
JSON 前端开发 JavaScript
Layui--01
Layui--01
46 0
layui--03
layui--03
49 0
|
前端开发 CDN
前端:Bootstrap 模态框
前端:Bootstrap 模态框
105 0
前端:Bootstrap 模态框
|
前端开发 JavaScript
layui和bootstrap同时使用,会冲突吗?
layui和bootstrap同时使用,会冲突吗?
1004 0