bootstrap是一个基于html、css、javascript的前端框架,是为实现快速开发web应用程序而设计的一套前端工具包。优点有:1、实现响应式布局,开发响应式布局网站很便捷;2、统一的编码风格;3、简单易写;4、移动设备优先等。
本教程操作环境:windows7系统、bootsrap3.3.7版、dell g3电脑
什么是bootstrap
bootstrap是twitter开源的基于html、css、javascript的前端框架。它是为实现快速开发web应用程序而设计的一套前端工具包。它支持响应式布局,并且在v3版本之后坚持移动设备优先。
bootstrap提供了优雅的html和css规范,它即是由动态css语言less写成。bootstrap一经推出后颇受欢迎,一直是github上的热门开源项目,包括nasa的msnbc(微软全国广播公司)的breaking news都使用了该项目。 国内一些移动开发者较为熟悉的框架,如wex5前端开源框架等,也是基于bootstrap源码进行性能优化而来。
包含内容
基本结构:bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在bootstrap 基本结构部分详细讲解。
css:bootstrap 自带以下特性:全局的 css设置、定义基本的 html 元素样式、可扩展的 class,以及一个先进的网格系统。
组件:bootstrap中包含了丰富的web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。
其中包括以下组件:下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等
javascript 插件:bootstrap自带了13个jquery插件,这些插件为bootstrap中的组件赋予了“生命”。其中包括:模式对话框、标签页、滚动条、弹出框等。
bootstrap优缺点
优点:
可以实现响应式布局,开发响应式布局网站很便捷
统一的编码风格
简单易写
详细的说明文档,可快速开发
移动设备优先
性能成熟,在大量项目中使用测试过
缺点:
有兼容性问题,ie6以下不支持
不支持sass
使用定制会产生大量冗余代码
点击导航页面直接切换相应位置时,效果像一个锚点,没有滚动动画
推荐学习:《bootstrap使用教程》
买了云服务器怎么用解析了但是网站还是打不开天翼云服务器怎么二次虚拟化一般人看不透!沉默的大多数用户才是产品发展的关键!docker 容器安装命令提示当前域名是状态等待审核通过状态什么是云服务器备案腾讯云服务器怎么建d盘