javascript - Bootstrap 模式未正确呈现

标签 javascript twitter-bootstrap modal-dialog reactjs

我从 Bootstrap 网站复制了模态示例代码: http://getbootstrap.com/javascript/#live-demo

当单击按钮时,我从 react 组件中显示它:

Modal = React.createClass({
    render: function(){

        return(
        //MODAL CODE
        )
    }
});

不幸的是,当我单击应该触发模式渲染的按钮时,模式会像表单一样显示在页面内,而不是显示在所有其他内容之上。

为什么会发生这种情况?

最佳答案

您是否已将从 bootstrap 网站复制的代码中的“class”替换为“className”?

关于javascript - Bootstrap 模式未正确呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33105038/

相关文章:

jquery - bootstrap 下拉列表的值不会改变

javascript - 用于删除方法的 Rails 自定义 Twitter Bootstrap 模式,回调问题

javascript - netlify 构建失败 : npm ERR! 路径/opt/build/repo/package.json

javascript - 将字体存储到 cookie 并从 cookie 加载

javascript - 数据绑定(bind)期间处理和输入数据

jquery - bootstrap 2.0 通过选项卡内容中的 url 激活选项卡和数据

javascript - 滚动时固定/取消固定 Div

html - 包含内容的堆栈菜单(大屏幕上的内容位于右侧)

java - 为什么 Joptionpane 在 JDialog 之上不是模态的

javascript - href && href.replace(/.*(?=#[^\s]+$)/, '' ) 在 bootstrap 模式中被注释为 "strip for ie7",这一行对 ie7 有什么作用?