SOURCE

console 命令行工具 X clear

                    
>
console
<h4>这个是自己写的部分</h4>
    <!-- 触发模态框的按钮 -->
    <button id="btn1" class="btn btn-primary btn-lg openModal" type="button" data-toggle="modal" data-target="#myModal">
        点击一下,可打开
    </button>
    <button id="btn2" class="btn btn-primary btn-lg openModal" type="button" data-toggle="modal" data-target="#myModal">
        不可打开按钮
    </button>
    <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">模态窗标题</h4>
                </div>
                <div class="modal-body">
                    <p>风景图</p>                  
                    <img src="http://pic24.nipic.com/20121008/9195996_103156141109_2.jpg" height="250px">
                </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>
        </div>
    </div>
    <script>
        $("#btn2").click(function() {
            $('#myModal').modal('show');
        })
    </script>
button {
    padding: 10px;
    margin: 20px;
}

本项目引用的自定义外部资源