第一章 准备工作

中文网：www.bootcss.com

（主页包含Bootstrap相关开源项目推荐）

一、创建项目

新建项目-选择模版

• 空：就是一个空项目，基本的组件和目录结构还是有的。
• 基本：一个最低限度的模板，有基本的文件夹，css，MVC应用程序的基本结构。
• Internet应用程序：一个常用足够丰富的模板，包含可账管理功能（依赖ASP.NET Membership），创建后就可直接运行。
• Intranet应用程序：与Internet应用程序一样只是使用的Windows账户。
• 移动应用程序：专门针对移动设备的模版，包含移动视觉效果，触摸控件，支持Ajax导航。
• WEB API:专门针对HTTP services的模板。

MVC4项目的结构

创建项目会自动添加一些文件和文件夹，Internet应用程序模板创建完默认有8个顶级目录

目录	用途
Controllers	放置控制器类
Models	放置数据描述、操纵类和业务对象类
Views	放置视图
Scripts	放置JavaScript脚本
Images	放置图像
Content	放置css和除了JavaScript脚本,图像以外的东西
Filters	放置过滤器代码
App_Data	放置数据存数文件
App_Start	放置配置文件代码

默认重生成的这些目录结构提供了一个清晰的目录结构，但并不是必须的，可以调整，像大型项目中国往往会把数据、业务逻辑等放到单独的一个项目中。

Views目录下有1个子目录/Shared。

Content目录下有一个式样。

Scripts目录下生成一些jQuery相关的脚本。

 

二、配置bootstrap

中文网：www.bootcss.com

在http://v3.bootcss.com/getting-started/中，可以下载Bootstrap，

下载压缩包之后，将其解压缩到任意目录即可看到以下目录结构：

bootstrap/

├── css/

│   ├── bootstrap.css

│   ├── bootstrap.min.css

│   ├── bootstrap-theme.css

│   └── bootstrap-theme.min.css

├── js/

│   ├── bootstrap.js

│   └── bootstrap.min.js

└── fonts/

    ├── glyphicons-halflings-regular.eot

    ├── glyphicons-halflings-regular.svg

    ├── glyphicons-halflings-regular.ttf

    └── glyphicons-halflings-regular.woff

这是最基本的Bootstrap组织形式：未压缩版的文件可以在任意web项目中直接使用。我们提供了压缩(bootstrap.min.*)与未压缩 (bootstrap.*)的CSS和JS文件。字体图标文件来自于Glyphicons。

1.项目中配置bootstrap

　　引用jquery-1.9.1.js，bootstrap.min.js，bootstrap.css

2.IIS 添加mime类型 .woff

　　application/x-font-woff

注意：VS发布后确保bootstrap下的文件都有拷贝过去，如果没有，请手动拷贝，否则出现图标不显示等问题

 

3.插件推荐

　　树形插件：https://gist.github.com/clayzermk1/3317341#file-bootstrap-listtree-css