首页 > 代码库 > bootstrap-模态框

bootstrap-模态框

<!-- 模态框(Modal)- 维修项目标签列表 -->
<div class="modal fade" id="lableModal" tabindex="-1" role="dialog" aria-labelledby="请选择标签" aria-hidden="true">
    <div class="modal-dialog" style="width:555px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> // X按钮
                <h6 class="modal-title" id="myModalLabel">请选择标签</h6>
            </div>
           
            
            <div class="modal-body">
                
                <!-- 检索  -->
                
                   
                    <!-- <div class="col-xs-12"> -->
                        <div class="form-group ">
                                <label class="control-label pull-left" style="line-height: 30px;margin:0 15px;">配件名称:</label>
                                <input type="text" placeholder="这里输入项目名称"  id="keywords" name="keywords" value="" class="col-xs-7" style="height: 30px"/>
                                <a class="btn btn-primary btn-xs" onclick="tosearchParts();"  title="检索"><i id="nav-search-icon" class="ace-icon fa fa-search bigger-110 nav-search-icon "></i>查询</a>
                        </div>
                         
                            
                        
                        
                    
                    <!-- </div> -->
                        
                <!-- 检索  -->
                
                <table id="modalList" class="table table-striped table-bordered table-hover"></table>
                <div id="gridpager"></div> 
                        
                        
            </div>
            
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
// 显示添加维修项目标签的弹出框
        function addLable(){
        $(‘#partsModal‘).modal(‘show‘);//显示弹出框
        }

 

<div class="form-group ">中可以写东西


bootstrap-模态框