zoukankan      html  css  js  c++  java
  • bootstrap-模态框

    <!-- 模态框(Modal)- 维修项目标签列表 -->
    <div class="modal fade" id="lableModal" tabindex="-1" role="dialog" aria-labelledby="请选择标签" aria-hidden="true">
        <div class="modal-dialog" style="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 ">中可以写东西


  • 相关阅读:
    [译]GLUT教程
    [译]GLUT教程
    [译]GLUT教程
    [译]GLUT教程
    [译]GLUT教程
    [译]GLUT教程
    [译]GLUT教程
    表单
    列表、表格与媒体元素
    HTML5基础
  • 原文地址:https://www.cnblogs.com/YangK-java/p/6212047.html
Copyright © 2011-2022 走看看