bootstrap modal 弹出其他页面

 此文是可以的，是复制的然后粘贴

1、不使用js 方式

1.1 按钮

<a class=" btn default" href="ui_modals_ajax_sample.html" data-target="#ajax" data-toggle="modal">  
                                        View Demo </a>  

1.2 对话框

<div class="modal fade" id="ajax" role="basic" aria-hidden="true">                                      
                                    <div class="modal-dialog">  
                                        <div class="modal-content">  
                                        </div>  
                                    </div>  
                                </div>  

1.3其它页面

div class="modal-header">  
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>  
    <h4 class="modal-title">Ajax Content</h4>  
</div>  
<div class="modal-body">  
    <div class="row">  
        <div class="col-md-12">  
            <h4>Some Input</h4>  
            <p>  
                <input type="text" class="col-md-12 form-control">  
            </p>  
            <p>  
                <input type="text" class="col-md-12 form-control">  
            </p>  
            <p>  
                <input type="text" class="col-md-12 form-control">  
            </p>  
            <p>  
                <input type="text" class="col-md-12 form-control">  
            </p>  
            <p>  
                <input type="text" class="col-md-12 form-control">  
            </p>  
            <p>  
                <input type="text" class="col-md-12 form-control">  
            </p>  
            <p>  
                <input type="text" class="col-md-12 form-control">  
            </p>  
        </div>  
    </div>  
</div>  
<div class="modal-footer">  
    <button type="button" class="btn default" data-dismiss="modal">Close</button>  
    <button type="button" class="btn blue">Save changes</button>  
</div>