多语言展示
当前在线:1644今日阅读:27今日分享:41

Bootstrap前端框架介绍及使用

Bootstrap介绍1. Bootstrap 是基于HTML5和CSS3开发的前端框架,它简洁灵活,使得 Web 开发更加快捷兼容大部分jQuery插件2. Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速搭建一个漂亮、功能完备的网站。3. 其中包括以下组件:下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等4. Bootstrap自带了13个jQuery插件,这些插件为Bootstrap中的组件赋予了“生命”。其中包括: 模式对话框、标签页、滚动条、弹出框等。
方法/步骤
1

Bootstrap如何使用1.在页面中引用css,js文件

2

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

3

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

4

Bootstrap字体图标1.字体图标展示

6

3.Bootstrap字体图标

推荐信息