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

boot模态框

时间:2017-09-22 17:40:28      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:ati   stat   ant   dial   boot   logs   over   sla   family   

<div class="modal fade bs-example-modal-lg" id="jsonModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
      <div class="modal-dialog" role="document" style="">
           
            <div class="modal-content col-md-12" style="width:1000px !important;margin:50%;transform:translate(-50%,-50%);">
                  <div class="modal-header" style="padding-left:0;padding-right:0;">
                       <button type="button" class="close" data-dismiss="modal" aria-label="Close" style=""><span aria-hidden="true">&times;</span></button>
                       <h4 class="modal-title notice_title" id="myModalLabel" style="font-family:‘微软雅黑‘;font-size:16px;color:#383838;">JSON查看</h4>
                        
                  </div>
                  <div class="modal-body col-md-12" style="padding-left:0;padding-right:0;max-height:800px;overflow-y:scroll;"> 
                        <div style="margin:10px;">
                              <button id="collapse-btn">收起</button>
                          <button id="expand-btn">展开</button>
                          
                        </div>
                           <div id="jsonContent"></div>
                  </div>
                  
            </div>
         
      </div>
                   
</div>
    <div class="modal fade"  id="deal_process_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
          <div class="modal-dialog" role="document" style="">
               
                <div class="modal-content col-md-12" style="width:500px;margin:50%;transform:translate(-50%,-25%);">
                      <div class="modal-header" style="padding-left:0;padding-right:0;">
                           <button type="button" class="close" data-dismiss="modal" aria-label="Close" style=""><span aria-hidden="true">&times;</span></button>
                           <h4 class="modal-title notice_title" id="myModalLabel" style="font-family:‘微软雅黑‘;font-size:16px;color:#383838;">处理进度</h4>
                      </div>
                      <div class="modal-body col-md-12" style="padding-left:0;padding-right:0;text-align:center;"> 
                            <textarea id="process_content" placeholder="请输入处理进度内容"></textarea>
                      </div>
                      <div class="modal-footer">
                          <button type="button" class="btn deal_process_sure" >提交</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        
                      </div>
                </div>
             
          </div>
                       
    </div>

$(‘#deal_process_modal‘).modal({backdrop: ‘static‘});

$(‘#deal_process_modal‘).modal(‘hide‘);

boot模态框

标签:ati   stat   ant   dial   boot   logs   over   sla   family   

原文地址:http://www.cnblogs.com/zjpzjp/p/7575541.html

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