diff --git a/14.1.md b/14.1.md
index e69de29b..8d29c2fc 100644
--- a/14.1.md
+++ b/14.1.md
@@ -0,0 +1,26 @@
+# 14.1 静态文件支持
+我们在前面已经讲过如何处理静态文件，这小节我们详细的介绍如何在beego里面设置和使用静态文件。通过再介绍一个twitter开源的html、css框架bootstrap，无需任何的设计人员就能够让你快速的建立一个漂亮的站点。
+
+## beego静态文件实现和设置
+
+## bootstrap集成
+Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。
+
+- 组件
+　　Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件：
+　　下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等
+- Javascript插件
+　　Bootstrap自带了13个jQuery插件，这些插件为Bootstrap中的组件赋予了“生命”。其中包括：
+　　模式对话框、标签页、滚动条、弹出框等。
+- 定制自己的框架代码
+　　可以对Bootstrap中所有的CSS变量进行修改，依据自己的需求裁剪代码。
+
+![](images/14.1.bootstrap.png?raw=true)
+
+接下来我们利用bootstrap集成到beego框架里面来，快速的建立一个漂亮的站点
+
+
+## links
+   * [目录](<preface.md>)
+   * 上一节: [扩展Web框架](<14.md>)
+   * 下一节: [Session支持](<14.2.md>)
\ No newline at end of file
diff --git a/images/14.1.bootstrap.png b/images/14.1.bootstrap.png
new file mode 100644
index 00000000..13ab7f82
Binary files /dev/null and b/images/14.1.bootstrap.png differ