前端开发框架Bootstrap简介

Bootstrap是一套用于网站和Web应用程序开发的开源前端（所谓“前端”是指呈现给最终用户的界面。对应的“后端”是服务器上运行的代码）框架，包括HTML、CSS和JavaScript的框架，提供排版、表单、按钮、导航等各种组件和Javascript扩展，旨在使动态网页的开发页面和网络应用程序更容易。（来自维基百科）BootStrap提供了多种前端风格，基本可以满足最基本的前端开发。主要针对移动web，也就是官方推出的mobile-first项目。它的安装也很简单，只需要在你的网页标签前添加三行代码（提供cdn加速）：可以看到bootstrap还需要依赖另外两个框架，即jQuery.slim.js（轻jQuery.js版本）和Popper.js，应该算是在前两个框架??的基础上再开发吧。前两个框架??需要扎实的js基础，而bootstrap只需要根据效果贴代码进行前端训练即可。当然它也提供了修改源码的方式，在每个组件后面都会有介绍。Bootstrap还提供了CDN加速链接：我们也可以直接点击Download下载完整的js和css代码：Bootstrap提供的布局简介：网格系统你可以使用这个系统来排列任意形状和大小的组件，下面是Bootstrap提供的Example：Bootstrap使用代码展示布局效果。安装Bootstrap后，直接使用类为'container'的div作为父标签，然后使用类为'row'的标签指定其布局，然后在Addingadivwithclass'col-sm'在它的二级标签中就可以实现这种排列，而且没有数量限制。Bootstrap提供了非常简单的使用方式，文档对每个效果进行了详细的解释和展开。