Bootstrap 高频面试题及详细答案（实战版）.docxVIP

Bootstrap高频面试题及详细答案（实战版）

一、基础概念类

1、简单说下你对Bootstrap的理解，它的核心作用是什么？

Bootstrap是一套开源的前端UI框架，基于CSS、JS开发，主打响应式布局和快速开发。日常开发中不用我们手写大量兼容样式和布局代码，直接调用它的类名、组件就能快速搭建工整、适配多端的页面。

它最核心的价值有三点：一是跨设备适配，天然支持手机、平板、电脑多端响应式；二是浏览器兼容好，封装了大部分低端浏览器的样式兼容问题；三是组件齐全，按钮、弹窗、表单、导航栏等常用功能都已封装，大幅提升开发效率。

2、Bootstrap3和Bootstrap4/5最核心的区别是什么？

这是工作中非常常用的知识点，核心差异集中在布局、语法和技术选型：

1）布局核心不同：Bootstrap3采用浮动float布局；Bootstrap4及以上改用flex弹性布局，布局更灵活，居中、等分、对齐等操作更简单。

2）单位不同：Bootstrap3以px为单位；Bootstrap4/5主要使用rem，适配性更好，支持全局字体缩放。

3）栅格系统优化：3代是4列栅格，断点少；4/5代升级为5个断点，适配更多屏幕尺寸，栅格规则更精细。

4）依赖不同：Bootstrap4依然依赖jQuery，Bootstrap5彻底移除jQuery