1、自动关闭的方法为：setTimeout(function(){$(#modal).modal(hide)}，2000)；show.bs.modal 在调用 show 方法后触发。
创新互联公司长期为1000+客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为丰都企业提供专业的成都做网站、网站建设，丰都网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。
2、bootstrap 模态框（modal）默认点击非模态框部分和键盘esc会关闭模态框，但是有时会有需求不允许关闭，所以介绍一下实现这种需求的两种方法。
3、第一种 (#avatar-modal).modal(hide)；这种写法模态框会关闭，并背景恢复。第二种 (#avatar-modal).modal().hide()；这种写法，模态框会消失，但暗色背景仍然在。不能操作。
4、打开WebStorm开发工具，新建‘test.html’文件，并在文件同级目录安装部署Bootstrap相关文件，目录结构如下图。在‘test.html’中写如下代码。网页查看效果如下图，这时点击按钮还没有相应，因为没有对应的代码。
5、模态框是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息交互等。例如，通过点击按钮打开模态框。
Bootstrap 框架 Bootstrap 是当今可用的前端框架中最受欢迎的，它具有直观，时尚的界面而且功能强大可以更快更轻松地实现 web 开发而且不需要捆绑。
常用的前端框架有Bootstrap框架、React框架、Vue框架、Angular框架、Foundation框架等等现在越来越多的前端框架开始出现，这为我们的项目需求带来了极大的方便。
常见的web前端开发框架如下：Bootstrap：主流框架之一，Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷。html5-boilerplate：该框架可以快速构建健壮，且适应力强的webapp或网站。
Web前端开发框架有Bootstrap、Vue、Amaze UI。
Twitter BootStrap （Apache v0；响应式）时髦、直观并且强大的前端框架，让Web开发变得更加容易。 Foundation （MIT；响应式）最先进的响应式前端框架。
Gumby 是一款基于Sass和Compass的简单灵活并且稳定的前端开发框架。它的流式-固定布局（fluid-fixed layout）可以根据桌面端以及移动设备的分辨率自动优化要呈现的网页内容。它支持多种网格布局，包括多列混杂的嵌套模式。
引入包含Media的CSS文件 一般情况HTMLCSS代码都是分开写的，Media也不例外。
如何通过CSS3 实现响应式Web设计： 分为三个步骤：（1）允许网页宽度自动调整。
Blueprint是比较早的，基于静态css的框架。现在有两个主要的动态css语言，LESS和SASS，给css提供了变量，mixin，运算符等功能，让写出模块化的css框架成为可能。
KubeKube是全球最为流行、最灵活的CSS框架之一。其带给你最强大的功能选择，极具创意性与美观性。IvoryIvory是一款强大、灵活、易用的响应式框架。