AngularJs bootstrap搭载前台框架——准备工作

一探AngularJS与Bootstrap的前端结合之旅

对于强大的前端MVC框架AngularJS和由Twitter推出的前端开发开源工具包Bootstrap，想必大家都有所耳闻。今天，我将带领大家走进这两个工具的世界，它们如何携手构建出色的Web前端。

让我们了解一下AngularJS和Bootstrap的基本概念。AngularJS是一个强大的前端框架，而Bootstrap则提供了快速搭建Web前台的工具包。想要深入了解它们？请前往官方网站（AngularJS：

在GitHub上有一个优秀的纯净AngularJS app的种子项目，你可以轻松下载并开始你的项目旅程。它的地址是

下载并解压angular-seed-master-master.zip文件后，你会看到这个app的项目结构。其中，“app”文件夹包含了与我们app相关的依赖css、js以及页面文件。进一步细分，css文件夹存放项目的样式表，img文件夹存放图像文件，js文件夹包含项目相关的JavaScript文件，如controller、filter和service等。而lib文件夹则存放我们依赖的js库，包括Angular和Bootstrap相关的库。

为了启动我们的项目，我们需要使用node.js。如果你对此不太熟悉，可以参考我的另一篇博客（ scripts/web-server.js（如果你安装了supervisor，也可以用supervisor scripts/web-server.js）。

现在，打开Chrome浏览器（推荐使用Chrome或Firefox，64位的操作系统可以使用waterfox），在地址栏输入