bootstrap与layui的不同之处有哪些

bootstrap与layui的不同之处有适用范围不同，前者适合开发网站，后者适合做后端框架；大小不同，前者因为成熟所以存在代码冗余，后者是属于轻量级的

bootstrap与layui都是前端开发框架，但是它们之间还存在一些不同之处，接下来在文章中将为大家详细介绍

推荐课程：bootstrap教程

bootstrap与layui的含义：

Bootstrap

是由美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 语言开发的简洁、直观、强悍的前端开发框架，它的出现使得 Web 开发更加快捷

layui

是一款采用自身模块规范编写的前端 UI 框架，遵循原生的HTML/CSS/JS代码书写的组织形式。它体积轻盈，组件丰盈，从核心代码到API 的每一处细节都经过精心雕琢，非常适合界面的快速开发

bootstrap与layui之间的对比

适用范围：

bootstrap在前端响应式方面做得很好，由于它在PC端和移动端表现都不错，所以适合用其开发网站

尤其是类似官网而且需要同时满足pc端和移动端的效果，bootstrap的表现更好

layui 框架更偏向与后端开发人员使用，在服务端页面上有非常好的效果，适合做后台框架

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

大小：

layui框架是属于轻量级

bootsrap框架由于比layui框架成熟，所以使用方便，但是同时也显得有些冗余

总结：

bootstrap主要是什么

Bootstrap主要是一个用于快速开发 Web 应用程序和网站的前端框架。

在现代 Web 开发中，有几个几乎所有的 Web 项目中都需要的组件。

Bootstrap 为您提供了所有这些基本的模块 - Grid、Typography、Tables、Forms、Buttons 和 Responsiveness。

此外，还有大量其他有用的前端组件，比如 Dropdowns、Navigation、Modals、Typehead、Pagination、Carousal、Breadcrumb、Tab、Thumbnails、Headers 等等。

有了这些，你可以搭建一个 Web 项目，并让它运行地更快速更轻松。

此外，由于整个框架是基于模块的，您可以通过您自己的 CSS 位，甚至是项目开始后的一个大整改，来进行自定义。

上述太官方

Bootstrap是一个做网页的框架（目前最流行的WEB前端框架之一），就是说你只需要写HTML标签调用它的类你就可以很快速的做一个高大上的网页，你不用担心兼容问题，提供了很多样式供你选择！

比如你需要做一个网站的文本显示对吧，你自己写的话你需要写很多代码，但是如果你使用bootstrap框架来写的话，只需要写好HTML标签然后调用类名就可以了！代码展示如下：

Bootstrap 实例 - 强调

本行内容是在标签内

本行内容是在标签内

本行内容是在标签内，并呈现为斜体

向左对齐文本

居中对齐文本

向右对齐文本

本行内容是减弱的

本行内容带有一个 primary class

本行内容带有一个 success class

本行内容带有一个 info class

本行内容带有一个 warning class

本行内容带有一个 danger class

效果如下：

作用：

用它提供的样式和组件快速写网站

你只需要引用一些定义好的类，也就是class名字，就可以创建出已经有非常漂亮的样式的网页，而且支持自适应，是一个很不错的框架。

简而言之：你只需要了解相关的class、标签名称等所代表的意思，然后在构建页面的时候，导入bootstrap的JS、css等，它就会去表现相应的效果出来。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com