Bootstrap 介绍

2018-02-21 17:21 更新

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是在2011年开发的。
Bootstrap 1.0.0在2011年推出,只有CSS和HTML组件。直到Bootstrap 1.3.0才包含JavaScript插件。

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/

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号