15、使用 AngularJS 和 Bootstrap 进行移动开发

使用 AngularJS 和 Bootstrap 进行移动开发

1. 为何关注移动开发

过去，很多人都在为桌面电脑设计网站或 Web 应用程序。那时，智能手机价格昂贵，带宽成本也很高，所以大多数人使用桌面浏览器浏览互联网。但近年来情况发生了巨大变化，如今即使是发展中国家的人们也能以可承受的价格购买智能手机。目前，人们日常使用智能手机的频率超过了桌面电脑，这就引发了一个问题：我们是否应该优先考虑移动设备，然后再让应用在桌面端也能正常工作？答案是肯定的。因为优先为移动设备设计不仅能让你为这个领域的快速增长和机遇做好准备，还能促使你聚焦核心并实现创新。所以，要记住，你在网络上构建的任何内容都应该能在移动设备上无缝运行。

2. 采用移动优先方法构建书签应用

下面将把之前基于 Foundation 构建的书签应用移植到 Twitter Bootstrap 上，使其更适合移动设备。具体步骤如下：
1. 准备工作 ：以 Chapter07/Step03 - foundation/ 源代码为基础，复制一份到 Chapter10/Step01 - mobile 目录。
2. 安装 Twitter Bootstrap ：进入 Chapter10/Step01 - mobile 目录，运行以下命令：

cd Chapter10/Step01 - mobile
bower install --save bootstrap

<