首页 > 代码库 > 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">×</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-模态框
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。