Bootstrap点滴知识
关注
分享
扫一扫
弹琴弹琴
这个作者很懒，什么都没留下…
展开
-
Bootstrap源码分析系列之核心CSS
本节主要介绍核心CSS，从整体架构中的7个Less文件对应的源码分别进行分析 scaffolding.less 这个文件编译后的css文件(886~989行)其作用就像定义全局样式。 //调整css盒模型为border-box,这样修改使得添加padding不至于元素宽度超出边界 * { -webkit-box-sizing: border-box; -moz-box-sizing: b...转载 2018-10-19 15:05:31 · 536 阅读 · 0 评论 -
Bootstrap的iCheck插件checkbox和radio
iCheck 特色： 1、在不同浏览器(包括ie6+)和设备上都有相同的表现 — 包括 桌面和移动设备 2、支持触摸设备 — iOS、Android、BlackBerry、Windows Phone等系统 4、方便定制 — 用HTML 和 CSS 即可为其设置样式 (多套皮肤) 5、体积小巧 — gzip压缩后只有1 kb 6、25 种参数 用来定制复选框（checkbox）和单...转载 2016-03-22 10:44:15 · 9716 阅读 · 0 评论 -
bootstrap之noConflict的详解
翻开推特框架，不经发现，几乎所有的插件都会出现noConflict的写法来防止和其他的插件冲突！我们以button.js为例子，打开其源代码发现 如下： var old = $.fn.button $.fn.button = Plugin $.fn.button.Constructor = Button // BUTTON NO CONFLICT ...转载 2016-03-31 10:12:02 · 599 阅读 · 0 评论 -
bootstrap的table表头固定tbody滚动
<!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/bootstra原创 2016-04-11 21:47:46 · 45731 阅读 · 4 评论 -
bootstrap-table表格插件之服务器端分页实例
bootstrap-table表格插件之服务器端分页实例 Bootstrap Table是基于Bootstrap的轻量级表格插件，只需要简单的配置就可以实现强大的支持固定表头、单复选、排序、分页、搜索以及自定义表头等功能。 因公司的项目需要实现用户管理的表格实现，所以选用了bootstrap-table用于动态获取后台的用户数据显示到前台。 示例截图： 客户端代码： //引入的cs...转载 2018-03-05 18:32:11 · 944 阅读 · 0 评论 -
使用Bootstrap Paginator分页插件进行分页
Bootstrap Paginator是一款基于Bootstrap和jQuery的分页组件。可以让我们方便的构建分页应用。 首先，我们需要引用相应的文件，其下载地址为：https://github.com/lyonlai/bootstrap-paginator/releases <link type="text/css" rel="stylesheet" href="bootstrap...转载 2018-03-09 11:42:33 · 598 阅读 · 0 评论 -
封装bootstrap-treegrid组件
一、开源的treegrid 1、组件效果预览 2、组件开源地址 二、封装treegrid 1、组件封装的必要性 2、组件封装代码示例 3、封装后的组件使用 三、总结 正文 前言：最近产品需要设计一套相对完整的组织架构的解决方案，由于组织架构涉及到层级关系，在表格里面展示层级关系，自然就要用到所谓的treegrid。可惜的是，一些轻量级的表格组件本身并没有自带树形...转载 2018-03-14 15:43:00 · 2059 阅读 · 0 评论 -
Bootstrap源码分析系列之整体架构
Bootstrap源码分析系列之整体架构 作为一名合格的前端工程师，你肯定听说过Bootstarp框架。确实可以说Bootstrap框架是最流行的前端框架之一。可是也有人说Bootstrap是给后端和前端小白用的，我认为只要学习它能给我们前端技能带来提升，那么我们就有必要研究一下它。Bootstrap框架虽然也提供了javascript插件，但总感觉不够用。Bootrtrap更多的则是被用作cs...转载 2018-10-19 14:43:46 · 2397 阅读 · 0 评论 -
Bootstrap源码分析系列之初始化和依赖项
Bootstrap源码分析系列之初始化和依赖项 在上一节中我们介绍了Bootstrap整体架构，本节我们将介绍Bootstrap框架第二部分初始化及依赖项，这部分内容位于源码的第8~885行，打开源码这部分内容似乎也不是很难理解。但是请站在一个开发者的角度来面对这段源码。为什么要这样写？如果没有Bootstrap框架我能写出类似这样的框架吗？ 我们先来分析normalize.less编译后的源码...转载 2018-10-19 14:48:30 · 381 阅读 · 0 评论 -
Bootstrap时间控件
这家伙太懒了，碰到问题才写博文，嘿嘿。 好了进入正题，二话不说，先放地址： 中文：http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm http://www.malot.fr/bootstrap-datetimepicker/demo.php http://www.malot.fr/bootstr...转载 2016-03-19 14:21:41 · 1489 阅读 · 0 评论