Bootstrap
天马3798
济南小程序开发,济南网站开发,线上引流过客;济南.net 开发,济南C#开发,济南nodejs开发
展开
-
Bootstrap相关整理、免费主题整理
1.中文官网http://www.bootcss.com/2.免费主题样本http://bootswatch.com/原创 2016-05-25 09:24:41 · 1474 阅读 · 0 评论 -
Bootstrap3 datetimepicker控件的使用
Bootstrap3 日期+时间选择控件1.支持日期选择,格式设定2.支持时间选择3.支持时间段选择控制缺点: 目前没有中文包,只有英文版官网地址:http://eonasdan.github.io/bootstrap-datetimepicker/git地址:https://github.com/Eonasdan/bootstrap-datetimepicker原创 2016-06-21 09:51:49 · 121901 阅读 · 47 评论 -
Bootstrap 4重大更新,亮点解读
8月19日对Bootstrap来说是个特别的日子——不仅是项目四周年纪念日,也是经过了一年密集开发之后发布Bootstrap 4内测版的日子。Bootstrap 4是一次重大更新,几乎涉及每行代码。新增功能Bootstrap 4中有太多重大的更新,本文不能面面俱到,下面是一些颇受关注的亮点:从Less迁移到Sass: 现在,Bootstrap已加入Sass的大家庭中。得益于Libsass,Boot转载 2018-01-19 17:11:12 · 11306 阅读 · 0 评论 -
Bootstrap 模态框垂直居中处理
目前bootstrap的版本是3.x,在当前版本中对于bootstrap modal(模态框)没有提供垂直居中的属性。如果想让modal再垂直方向居中,目前需要自己处理。方案1. 在modal显示成功后,重置margin-top的位置 ×原创 2017-11-27 09:13:59 · 9580 阅读 · 0 评论 -
Bootstrap Table使用整理(六)-常用操作
一、全局配置部分参数或添加事件处理1.全局配置加载成功事件 //配置bootstrapTable全局参数 console.info(jQuery.fn.bootstrapTable.defaults); jQuery.fn.bootstrapTable.defaults.onLoadSuccess = function () { $('[data-to原创 2017-08-04 18:33:19 · 2498 阅读 · 0 评论 -
Bootstrap 弹出框modal上层的输入框不能获得焦点问题
1.在使用Bootstrap框架中目前modal弹出框只支持一层,即在当前弹出框上不能再使用modal弹出框。如果使用自定义的弹出框,例如:http://my.oschina.net/tianma3798/blog/737232如果自定义弹出框中有input输入框,如果input 输入框不能获得焦点,则可能原因如下:许多使用定义弹出层原创 2016-08-25 18:15:00 · 13579 阅读 · 5 评论 -
Bootstrap Table使用整理(一)
一、Bootstrap Table相关整理基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。1.官网地址:http://bootstrap-table.wenzhixin.net.cn/zh-cn/ Git源代码地址:https://github.com/wenzhixin/b原创 2017-06-08 18:11:50 · 26288 阅读 · 2 评论 -
Bootstrap Table使用整理(三)
一、单元格内容格式化 /** data-formatter 扩展处理单元格内容*/$('#table1').bootstrapTable({ columns: [ { field: 'sno', title: '编号', formatter: function (value, row, index) { //原创 2017-06-08 18:42:35 · 10763 阅读 · 0 评论 -
Bootstrap Table使用整理(五)-分页组合查询
一、分页组合查询/** data-pagination 指定是否启用分页* data-page-list 指定分页的页数据量数组 '[5,10]'* data-side-pagination 指定分页是否是服务端(server)/客户端(client)* 特别说明:* 客户端,请求参数:* search:文本框内容,在文本框内容改变是自动提交请求* order: 排序方式* s原创 2017-06-08 18:52:35 · 14654 阅读 · 9 评论 -
Bootstrap Table使用整理(四)-工具栏
一、启用默认支持的工具栏/** data-search 是否显示搜索框* data-show-refresh 是否像是刷新按钮,注:刷新操作会重新请求数据,并带着请求参数* data-show-toggle 是否显示面板切换按钮* data-show-columns 是否显示列控制按钮*/$('#table1').bootstrapTable({ columns: [原创 2017-06-08 18:48:06 · 29328 阅读 · 3 评论 -
Bootstrap Table使用整理(二)
一、行样式修改<table id="table1" data-row-style="rowStyle">/** data-row-style 扩展方法处理 行样式*/$('#table1').bootstrapTable({ columns: [ { field: 'sno', title: '学生编号' }, { field: 's原创 2017-06-08 18:26:49 · 12283 阅读 · 0 评论 -
Bootstrap3 datetimepicker在AngularJs中使用实例
关于 datetimepicker的使用,参考:http://blog.csdn.net/u011127019/article/details/51725081在AngularJs中使用实例:HTML代码: 选择日期:原创 2016-06-21 11:40:46 · 18092 阅读 · 13 评论 -
Bootstrap后台开发模板整理
1.目前比较火的一个模板来自花瓣网http://huaban.com/pins/552360855/演示地址http://www.frontsucai.com/view.php?id=53原创 2016-05-31 14:59:52 · 9811 阅读 · 2 评论 -
Bootstrap model的使用及点击外部不消失
1.代码:×Modal header当然你也可以用js来控制。如下代码:显示:$('#myModal').modal('show');隐藏:$('#myModal').modal('hide');开关:$('#myModal').modal('toogle');事件: $('#myModal').on('hidden', f原创 2016-06-26 13:40:25 · 8279 阅读 · 0 评论 -
Bootstrap3 datetimepicker控件之smalot的使用
一、说明smalot 版的datetimepicker控件是对原有的bootstrap-datetimepicker 项目 改进增强。原项目对于选择年份、选择月份没做处理。Git源代码地址:https://github.com/smalot/bootstrap-datetimepickerCSDN地址:http://www.bootcdn.cn/smalot-bootstrap-datetimep...原创 2018-05-18 20:52:38 · 2098 阅读 · 0 评论