Bootstrap Web设计与开发实战
上QQ阅读APP看书,第一时间看更新

1.4 Bootstrap设计目标

本节介绍一下Bootstrap设计目标,包括目标对象、浏览器支持和响应式设计等内容。

1.4.1 优先针对移动设备

其实自Bootstrap 3版本开始,Bootstrap框架包含了贯穿于整个库的移动设备优先的样式。在之前的Bootstrap版本中(直到2.x),设计人员需要手动引用一个特定CSS文件,才能让整个项目友好地支持移动设备。现在不一样了,Bootstrap 3版本默认的CSS本身就是对移动设备优先友好支持。

Bootstrap框架的设计目标从优先支持桌面设备转变到优先支持移动设备,这实际上是一个非常及时的、适应Web设计发展方向的转变。因为,现在越来越多的用户在使用移动设备,而且使用的频次也是越来越高。

1.4.2 浏览器支持

Bootstrap框架支持目前市面上的、几乎所有的主流浏览器,下面列举几款浏览器:

● Internet Explorer (IE)

● Google Chrome

● Firefox

● Opera

● Safari

● Microsoft Edge

1.4.3 响应式设计

Bootstrap框架的响应式CSS能够自适应于台式机、平板电脑和手机等多种设备终端。下面我们简单归纳一下Bootstrap框架的特点:

● 为开发人员创建接口提供了一个简洁统一的解决方案。

● 包含了功能强大的内置组件,易于定制。

● 提供了基于Web开发的定制。

● 最重要的是框架开源的,设计人员可以通过修改框架源码满足特定需求。