Bootstrap前端框架介绍及使用

Bootstrap前端框架介绍及使用

Bootstrap介绍

1. Bootstrap 是基于HTML5和CSS3开发的前端框架，它简洁灵活，使得 Web 开发更加快捷

兼容大部分jQuery插件

2. Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速搭建一个漂亮、功能完备的网站。

3. 其中包括以下组件:

下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等

4. Bootstrap自带了13个jQuery插件，这些插件为Bootstrap中的组件赋予了“生命”。

其中包括： 模式对话框、标签页、滚动条、弹出框等。

Bootstrap如何使用

1.在页面中引用css,js文件

2.将框架文件导入到项目中

注:页面加载js存放在body最后位置,目的是为了展示页面时先展示body数据,,然后再加载js;这样提高了页面显示效率，使得用户使用系统体验更好。

Bootstrap字体图标

1.字体图标展示

2.操作系统字体

3.Bootstrap字体图标