![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
白不懂黑的静
纸上得来终觉浅 绝知此事要躬行
展开
-
bootstrap modal框的事件监控
bootstrap的模态框Modal经常会对其事件进行监控模态框代码:<div class="modal fade" id="deleteGridDataConfirmModal"> <div class="modal-dialog modal-sm"> <div class="modal-content message_align"> <div class="modal-header ">原创 2020-08-13 14:32:25 · 722 阅读 · 0 评论 -
Angular6集成bootstrap dateRangePicker
环境: Angular6需求: angular环境下的表单开发,需要用到时间控件,在网上看到最多的是集成bootstrap的dateRangePicker,但是很多都是直接贴过来的,还存在一些实用性的问题,这里记录下自己的集成过程。一、首先确保自己的angular环境是可运行的,然后下载dateRangePicker所需文件。下面是结合网上的文档,做过调整后的dateRangePicker源码百度网盘地址:https://pan.baidu.com/s/1XPN45...原创 2020-06-16 10:55:24 · 373 阅读 · 0 评论 -
基于bootStrap做的一个等待层
js代码:/** * 说明:数据进行加载时的遮罩层,基于bootstrap的页面模态框做封装处理 * 使用方法: * 开启:MaskUtil.mask(); * 关闭:MaskUtil.unmask(); */var MaskUtil = (function(){ var $mask,$maskMsg; var defMsg = '正在处理,请稍等。。。';...原创 2020-04-28 11:31:44 · 1348 阅读 · 0 评论 -
bootstrap中设置modal-dialog的居中及显示宽度大小
首先,bootstrap的弹出框默认是居顶的,没有居中,此时,可修改bootstrap的源码,bootstrap.js,修改如下 //注释掉原先的弹出框居顶显示 // Modal.prototype.adjustDialog = function () { // var modalIsOverflowing = this.$element[0].scrollHeight >...原创 2018-09-12 10:14:55 · 20796 阅读 · 0 评论 -
bootstrap 栅格系统 自动隐藏
bootstrap 栅格系统 自动隐藏1 Container顾名思义Container是栅格系统最外层的class,直接被container包裹的只能是row这个class。需要注意的是container自带左右各15px padding值,这样container与浏览器窗口之间就存在一定距离。 2 row要注意的是:row会清除内边距的效果,但不会清除内边距,col要放在ro...转载 2018-09-18 10:25:13 · 1393 阅读 · 0 评论 -
BootStrap 模态框禁用空白处点击关闭
模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。bootstrap的模态框在默认情况下,点击其他空白区域(通常是遮罩层),模态框会被关闭,那么以下方法就是禁止点击其他区域关闭模态框。$('#myModal').modal({backdrop: 'static', keyboard: false...原创 2018-10-15 11:31:37 · 785 阅读 · 0 评论