首页 > 其他 > 详细

bootstrap-模态框

时间:2016-12-22 19:04:48      阅读:255      评论:0      收藏:0      [点我收藏+]
<!-- 模态框(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-模态框

原文:http://www.cnblogs.com/YangK-java/p/6212047.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!