答案来自老外http://stackoverflow.com/questions/14795035/twitter-bootstrap-modal-blocks-text-input-field$(‘#myModal‘).on(‘shown‘, function() {$(document).off(‘focusin.modal‘);
});这个是国内同学的解决方法：http://www.oschina.net/question/226830_143869//显示modal
$(‘#myModal‘).modal(‘show‘);
//show完毕前执行
$(‘#myModal‘).on(‘shown‘, function () {//加上下面这句！解决了~$(document).off(‘...
bootstrap怎么关闭弹出层bootstrap怎么关闭弹出层默认情况下，弹出框在再次点击指定元素后就会关闭，你可以使用 data-trigger="focus" 属性来设置在鼠标点击元素外部区域来关闭弹出框：<a href="#" title="取消弹出框" data-toggle="popover" data-trigger="focus" data-content="点击文档的其他地方关闭我">
点我</a>如果你想实现在鼠标移动到元素上显示，移除后消失的效果，可以使用 data-trigger 属性，并设置值为 "hover":<a h...
仿造Bootstrap的，Bootstrap modal是给外层添加固定fixed，然后内容使用自适应靠上居中方式。今天分享的这篇文章正是这种方式。html结构考虑到内容区域需要居中对齐，所以至少要有一个div来定位和显示背景，再用一个div居中内容，内容区域想分成header、body和footer。<div class="rs-dialog" id="myModal1">
<div class="rs-dialog-box">
<a class="close" href="#"></a>
<div class="rs-dialog-header">
<h3>标题</h3>
</div>
<d...
弹出框（Popover）与工具提示（Tooltip）类似，提供了一个扩展的视图。如需激活弹出框，用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使用 Bootstrap 数据 API（Bootstrap Data API）来填充。该方法依赖于工具提示（tooltip）。1 设置延时， 超过该延时未移入弹窗则弹窗隐藏Tooltip.prototype.init = function{中的
var triggers = this.options.trigger.split( )后面加上
//设置延时
if (this.options.trigger.indexOf(hov...
bootstrap中的模态框（modal），不同于Tooltips，模态框以弹出对话框的形式出现，具有最小和最实用的功能集。务必将模态框的 HTML 代码放在文档的最高层级内（也就是说，尽量作为 body 标签的直接子元素），以避免其他组件影响模态框的展现或功能。默认的modal示例：
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="widt...
废话不多说了直接给大家贴代码了，具体代码如下所示：
$(#myModal).on(shown, function() {$(document).off(focusin.modal);
});
//显示modal
$(#myModal).modal(show);
//show完毕前执行
$(#myModal).on(shown, function () {//加上下面这句！解决了~$(document).off(focusin.modal);// 打开Dialog后创建编辑器KindEditor.create(textarea[name="content"], {resizeType : 1});
})
//hide完毕前执行
$(#myModal).on(hidden, funct...
废话不多说了，直接给大家贴代码了，具体代码如下所示：
<!doctype html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Bootstrap</title><link rel="stylesheet" href="css/bootstrap.css" rel="external nofollow" />
</head>
<body><!--注意：1.弹出层必须放在body里2.弹出层里面不能再嵌套别的层3....
下面这段代码并非是Bootstrap的遮罩，只是简单版的遮罩效果，Bootstrap那个太啰嗦了。如果你钟情Bootstrap的那个遮罩，来看看这篇文章“完全版：Bootstrap弹出层遮罩”。
<div class="theme-popover">
<div class="theme-poptit">
<a href="javascript:void(0);" title="关闭" class="close"></a>
<h3>登录 是一种态度</h3>
</div>
<div class="theme-popbod dform">
<form class="theme-signin" name="loginform" action="" metho...
之前发表过一篇文章叫Bootstrap Modal弹窗代码，其实那个只是一个弹出层代码而已，并不是仿造Bootstrap的，Bootstrap modal是给外层添加固定fixed，然后内容使用自适应靠上居中方式。今天分享的这篇文章正是这种方式。
html结构
考虑到内容区域需要居中对齐，所以至少要有一个div来定位和显示背景，再用一个div居中内容，内容区域想分成header、body和footer。
<div class="rs-dialog" id="myModal1">
<div class="rs-dialog-box">...
bootstrap怎么关闭弹出层
