码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap-模态框

时间:2016-12-22 19:05:06      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:hover   show   目标   control   添加   选择   名称   pre   icon   

<!-- 模态框(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-模态框

标签:hover   show   目标   control   添加   选择   名称   pre   icon   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!