Bootstrap 介绍
Bootstrap是一个前端框架,可帮助开发人员启动Web开发程序。
开发人员可以专注于编写正确的HTML,将棘手的CSS和JavaScript留给Bootstrap。
所有的CSS类和JavaScript代码都包含在Bootstrap包中。
例如,btn
类和链接(<a class='btn'></a>
)元素一起使用将使它们看起来像一个按钮。
此外,使用带有链接的btn-primary
类将使它成为一个深蓝色的按钮。
<a href="http://www.w3cschool.cn" class="btn btn-primary">Visit US</a>
响应式
Bootstrap网格系统可以创建一个移动友好和响应式的网站。
Bootstrap封装了许多有用的组件,可以很容易地在网站项目中使用。
使用Bootstrap,我们可以实现以下:
- 更快的开发
- 有组织和可维护的代码
- 花时间创新,而不是重复造轮子
Bootstrap的起源
Bootstrap 2.0.0是在2012年发布的。它是Bootstrap库的一个完全重写,也成为一个响应框架。它的组件兼容各种设备:手机,平板电脑和台式机。它有许多新的CSS、JavaScript插件包含在包中。
经过15个主要更新,2013年的Bootstrap 3是另一个重要的发布,成为一个“移动优先,总是响应”的框架。
在框架的早期版本中,响应式网站是可选的。在2013版本中,类的名称以及项目的文件夹结构都发生了更改。
Bootstrap 3不向后兼容。我们无法通过替换核心的CSS和JavaScript文件直接迁移到此版本。
Bootstrap有一个庞大的全球开发者社区,他们定期在GitHub为其代码基础做贡献。
响应式网页设计
响应式网页设计允许开发人员创建一个网站,可以在不同的设备上更改其布局。
开发人员可以创建在任何类型的设备上工作的单一设计:手机,平板电脑,智能电视和PC。
响应式设计的站点通常是流体设计。
使用响应式网页设计,开发人员可以创建强大的网络应用程序,替换iOS和Android平台上的本机应用程序。
Bootstrap的竞争
还有许多其他流行的框架在前端框架领域与Bootstrap竞争。其中一些是:
http://foundation.zurb.com/
http://semantic-ui.com/
http://gumbyframework.com/
http://purecss.io/
更多建议: