无法获得简单的bootstrap模式
我试图让一个简单的bootstrap的模态样本工作，我按照这个文档说：“你可以轻松激活页面上的模态而无需编写一行javascript。只需给一个元素一个数据控件模态属性，对应一个模态元素id，…“，但我尽我所能，并进行了大量的研究仍然无法让这个简单的模态工作。
Modal header
One fine body…
我有这个：
Launch Modal
或这个：
Launch Modal
按钮激活模态，我也在页面上加载了bootstrap-modal.js。 除非我添加了一个javascript行来处理“Launch Modal”点击事件，当我点击“Launch Modal”时，根本没有任何事情发生，有什么我错过了吗？
小提琴1 ：twitter引导程序站点上使用的模态的副本。 （这是默认情况下不显示的模式，但是当您单击演示按钮时会启动。）
小提琴2 ：引导文档中描述的模态的副本，但它包含了避免使用任何javascript的必要元素。 请特别注意在#myModal div上包含hide类，以及在Close按钮上使用data-dismiss="modal" 。
Launch Modal
值得注意的是，您使用的站点在bootstrap 2.0上运行，而官方的Twitter bootstrap站点在2.0.3上运行。
我终于从“Sven”找到了这个解决方案并解决了这个问题。 我做的是我包括“bootstrap.min.js”：
代替：
它解决了看起来很奇怪的问题。 任何人都能解释为什么
另外看看BootBox，在bootstrap模式中显示警报和确认框非常简单。 http://bootboxjs.com/
实现就像这样简单：
正常警报：
bootbox.alert("Hello world!");
确认：
bootbox.confirm("Are you sure?", function(result) { Example.show("Confirm result: "+result); });
PROMT：
bootbox.prompt("What is your name?", function(result) { if (result === null) { Example.show("Prompt dismissed"); } else { Example.show("Hi "+result+""); } });
甚至定制：
bootbox.dialog("I am a custom dialog", [{ "label" : "Success!", "class" : "btn-success", "callback": function() { Example.show("great success"); } }, { "label" : "Danger!", "class" : "btn-danger", "callback": function() { Example.show("uh oh, look out!"); } }, { "label" : "Click ME!", "class" : "btn-primary", "callback": function() { Example.show("Primary button"); } }, { "label" : "Just a button..." }]);
我也遇到了Modals的问题。 我应该在bootstrap.min.js之前声明jquery.min.js （在我的布局页面中）。 来自官方网站：“所有插件都依赖于jQuery（这意味着必须在插件文件之前包含jQuery）”
我也遇到过这个问题。 我包括bootstrap.js和bootstrap-modal.js。 如果您已经有bootstrap.js，则不需要包含popover。
对我来说，当我单击按钮标签时，引导模式显示并消失（在标记中，模式显示并仅使用数据属性隐藏）。 在我的gulpfile.js中，我添加了bootstrap.js（具有模态逻辑）和modal.js文件。 所以我认为在浏览器解析并执行这两个文件之后，两个单击事件处理程序被附加到特定的dom元素（每个文件一个），因此一个显示模式，另一个隐藏模态。 希望这有助于某人。
尝试跳过p标签或用h3标签或类似标签替换它。 更换：
One fine body…
同
One fine body…
它对我有用，我不知道为什么，但似乎p标签在某种程度上与某些版本的Bootstrap不完全兼容。
更好的解决方案是在没有jquery的情况下加载扭曲版本的bootstrap.js。 从http://daniemon.com/blog/bootstrap-without-jquery/获取
这样做可以省去脚本标签的麻烦。
也，
如果您从Visual Studio运行页面并安装了引导程序包，则需要确保两件事
- 您还获得了Bootsrap Modal Dialog包（非常重要）
- 如果您正在使用捆绑，则已将其添加到bundle.config。
我使用Angular CLI遇到了同样的问题。 我需要在.angular-cli.json文件中导入bootstrap.js.min文件：
"scripts": ["../node_modules/jquery/dist/jquery.min.js", "../node_modules/bootstrap/dist/js/bootstrap.min.js"],
使用模态的一种简单方法是使用eModal ！
来自github的 Ex：
- 链接到eModal.js
-
使用eModal显示警报，ajax，提示或确认的模式
// Display an alert modal with default title (Attention) eModal.alert('You shall not pass!');
你必须调用你的Bootstrap jQuery插件才能触发它。
SIZE: QTY:
![]()