小编use*_*039的帖子

带有远程模态的Bootstrap 3

我刚开始使用新的Twitter Bootstrap版本启动一个新项目:bootstrap 3.我不能让Modal在远程模式下工作.我只是希望当我点击一个链接时,它会显示带有远程网址内容的模态.它工作但模态布局完全被破坏.

这是一个jsfiddle的链接:http://jsfiddle.net/NUCgp/5/

代码 :

<a data-toggle="modal" href="http://fiddle.jshell.net/Sherbrow/bHmRB/0/show/" data-target="#myModal">Click me !</a>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                 <h4 class="modal-title">Modal title</h4>

            </div>
            <div class="modal-body"><div class="te"></div></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
Run Code Online (Sandbox Code Playgroud)

谁能让这个简单的例子有效?

modal-dialog twitter-bootstrap

70
推荐指数
8
解决办法
31万
查看次数

标签 统计

modal-dialog ×1

twitter-bootstrap ×1