随着CSS3和HTML5的流行，我们的WEB页面不仅需要更加人性化的设计理念，还需要更加酷炫的页面效果和用户体验。作为开发者，我们需要了解一些有价值的CSSUI开源框架资源，可以帮助我们更快更好地实现一些现代界面，包括一些移动设备的web界面风格设计。接下来就是对Bootstrap框架的详细讲解：首先，我们要知道为什么要使用这个框架。CSS框架是一系列CSS文件的集合，包括基本元素重置、页面布局、网络布局、表单样式、通用规则等代码块。使用CSS框架可以简化工作，提高工作效率。那么，为什么我们使用Bootstrap框架而不使用其他CSS框架呢？原因大概有以下几点：随着H5和CSS3的迅速崛起，用户体验显得尤为重要。庞大的移动设备用户数量不容小觑，准确地说，Bootstrap是为移动设备开发的框架。虽然他优先考虑移动设备，倾向于Mobile，但他不是移动设备框架。它由标准的CSS和JavaScript插件组成。它最大的优势是响应式布局和CSS媒体查询（MediaQuery），这使得开发者可以轻松地在桌面和手机上获得最佳体验。.1.抽象常用的css样式，复用性高，可移植性高2.固有定义，文档详尽，开发特点3.兼容性高，兼容主流浏览器4.主要基于css，但不一定全是css，有可能是一些与浏览器兼容的js（或其他）脚本。Bootstrap框架可以分为三类：第一：预处理脚本：Bootstrap的源码是基于最流行的CSS预处理脚本——Less和Sass开发的。您可以使用预编译好的CSS文件进行快速开发，也可以从源码中自定义您需要的样式。例如。如果你在页面上有很多相同的效果。只需要写一个效果类。然后让使用它的地方继承他。没有必要再写了。第二：一个框架，多种设备您的网站和应用程序可以借助Bootstrap通过相同的代码快速有效地配置手机、平板和PC设备。这都要归功于CSS媒体查询。第三：完备的特效Bootstrap提供了全面而精美的文档，你可以找到所有关于HTML元素、HTML和CSS组件、jQuery插件的详细文档。Bootstrap组件：Bootstrap包含丰富的网页组件，根据这些组件，您可以快速构建一个美观且功能齐全的网站。例如：下拉菜单、按钮组、按钮下拉菜单、导航、导航栏、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等。JavaScript插件Bootstrap自带13个jQuery插件为Bootstrap中的组件赋予“生命”。其中包括：模态对话框、选项卡、滚动条、弹出窗口等。更重要的是，Bootstrap是完全开源的。其代码托管、开发和维护均依赖于GitHub平台。第二：再来看看使用Bootstrap的利弊：优点：提高开发效率。标准化名称定义，便于维护。规范项目开发流程d)css代码更加清晰简洁。html代码更合理。在大型项目中可以减少用户下载缺点：学习成本增加。你需要了解整个框架，你需要阅读框架的文档。css框架对于一个小项目这样的页面来说是臃肿的。您可能不会使用框架中的大部分代码。可能无法帮助您提高技术。过度依赖框架会导致bug排查困难。包括框架本身的错误。选择自己需要的框架和开发框架是一件痛苦的事情。写完之后发现越来越死板和臃肿了。1、页面外部引用样式过多。比如ul的margin定义在formattedcss中会声明为0，而margin:5px10px可能在基本样式css中声明；所以Yslow中会有多个定义。2.组件复用性的考虑。比如所有的表单修改都定义在表单定义的css中，假设注册页面只需要30%的css。我们是否应该削减不必要的70%？基于以上两个问题，个人认为解决的办法就是打包，让该有的有，不该有的没有。尽量减少http连接数和css的大小。但是如果完全这样做的话，css的复用性就会变差，后期手动打包会很痛苦。3.是否应该支持em？可以看出，如果我们要支持em，最大的目的就是让浏览器可以根据用户的分辨率自由缩放，这对于显示器很大的用户和显示器很小的用户都非常有用。但是，我们收集了我们用户的浏览器数据后，发现这两端的用户很少。可以想象，为这些用户花费两倍以上的正常开发时间显然是不值得的。当然这是一个建议，我们也希望通过em给用户带来最好的体验。基于使用的Bootstrap版本：目前使用较多的是2和3版本，2最新版本是2.3.2，3最新版本是3.3.5。版本4的主要变化是：1.从Less迁移到Sass（为什么？因为那时Sass和LESS是一样的，只是CSS预处理器之一。但是相对来说，Less的语法过于严格，所以用的人少了它。）2.改进的网格系统3.默认灵活框4.支持卡片的掉落井、缩略图和面板5.将所有HTML重置合并到一个新模块中：重新启动新的自定义选项6.不再支持IE87。重写所有JavaScript插件。8.改进工具提示和弹出窗口的自动定位。9.改进文档。对于初学者来说有点困难。
