Bootstrap 小结

Bootstrap 小结 Bootstrap4特点:1.兼容IE10+ 2.使用flexbox 布局 3.抛弃Nomalize.css 4.提供布局和 reboot 版本 Bootstrap组成:1.基础样式 2.常用组件 3.JS插件常见问题: 1.Bootstrap 的优缺点优点:CSS 代码结构合理 ,现成的样式可以直接用缺点:定制较为繁琐,体积大 2.Bootstrap 如何实现响应式布局原理:通过 media query 设置不同分辨率的class 使用:为不同分辨率选择不同的…

bootstrap小结

bootstrap总结 bootstrap总结 base css 我分为了几大类 1,列表 .unstyled(无样式列表),.dl-horizontal(dl列表水平排列) 2,代码 code(行级),pre(块级),.pre-scrollable(显示滚动条), 显示行号和美化: .prettyprint,.linenums 3,表格 .table(基础样式) .table-bordered(样式边框) , .table-striped(间隔效果) , .table-condensed(缩…

bootStrap小结3

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  <meta name="viewport" content="…

bootStrap小结2

bootStrap小结1

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>h元素.p元素.table元素.img元素.其它</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="st…

Node.js + Express 构建的订餐系统

Node.js的版本 - v0.8.12 Express的版本 – v3.3.3 (安装 $ npm install -g express) 系统的登录逻辑是:获取用户名 + 密码,向内网RTX服务器验证身份,成功后设置session. 系统所有页面判断是否有session,如果没有则跳转至首页. 系统用到的组件模块列表: express - v3.3.3 npm install -g express express-autoroute - v0.0.2 npm install…

关于Bootstrap table的回调onLoadSuccess()和onPostBody()使用小结

关于Bootstrap table的回调onLoadSuccess()和onPostBody()使用小结 Bootstrap table 是一款基于 Bootstrap 的 jQuery 表格插件, 简单易用, 且功能强大.越来越多的企业级项目开发中会用到, 关于BT的基本使用本文不作赘述,有需要的可以查阅官方文档. 在使用过程中,可能需要对BT查询返回的数据做操作,比如计算某一列的和,或者填充某行某个字段值,那么就需要用到回调. Bootstarp Table提供了丰富的Events和Mebt…

Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结

Bootstrap时间日历插件bootstrap-datetimepicker配置与应用小结 by:授客 QQ:1033553122 1. 测试环境 win7 JQuery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js Bootstrap-3.3.7-dist 下载地址: https://gitee.com/ishouke/front_end_pl…

Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结

Bootstrap表格插件bootstrap-table配置与应用小结 by:授客 QQ:1033553122 1. 测试环境 win7 JQuery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js Bootstrap-3.3.7-dist 下载地址: https://gitee.com/ishouke/front_end_plugin/blob/m…

bootstrap与Select2使用小结

这个select2组件的功能确实很强大,可以将图片放入到select里面随着文字一起显示. 组件的下载地址以及API说明地址: 1.Select2使用示例地址:https://select2.github.io/examples.html .http://select2.github.io/select2/ 2.Select2参数文档说明:https://select2.github.io/options.html 3.Select2源码:https://github.com/select2/s…

JS组件系列——Bootstrap Select2组件使用小结

前言:在介绍select组件的时候,博主之前分享过一篇JS组件系列——两种bootstrap multiselect组件大比拼,这两个组件的功能确实很强大,只可惜没有图文结合的效果(也就是将图片放入到select里面随着文字一起显示).前两天做一个菜单图标选择的功能,就要用到这个图文选择的功能.于是乎又是找啊找.终于不负所望,找到了我们伟大的select2组件.今天分享下这个组件的一些用法和特性. 一.组件说明以及API说明 Select2使用示例地址:https://select2.githu…

ABP module-zero +AdminLTE+Bootstrap Table+jQuery权限管理系统第十二节--小结,Bootstrap Table之角色管理

返回总目录:ABP+AdminLTE+Bootstrap Table权限管理系统一期很多人说ABP不适合高并发大型,有一定的道理,但是我觉得还是可以的,就看架构师的能力了,哈哈,我之前公司就是ABP绝对百万数据级项目,是一个在线教育网站,涉及到平台,学院,院系,班级,课程,学生等,一个平台多少大学,一个大学多少院系,一个院系多少班级多少课程,其负责程度一点都不简单,不说了,那是大神,比我在园子看到绝对大多数架构师都强悍.是我等仰望都对象.但是这不是停下脚步仰望的理由,只会是我们追求更强的脚步.…

BootStrap的table技术小结：数据填充、分页、列宽可拖动

本文结构:先说明,后代码.拷贝可直接运行. 一.demo结构: 二.文件引入这些里面除了下面2个比较难找,其他的都很好找 bootstrap-table-resizable.js colResizable-1.6.min.js 注意:需要将bootstrap-table.js中参数改为resizable: true 三.模拟的message.json数据准备 [ { "name":"zhangsan1", "password":"1&…

ABP module-zero +AdminLTE+Bootstrap Table+jQuery权限管理系统第十五节--缓存小结与ABP框架项目中 Redis Cache的实现

返回总目录:ABP+AdminLTE+Bootstrap Table权限管理系统一期缓存为什么要用缓存为什么要用缓存呢,说缓存之前先说使用缓存的优点. 减少寄宿服务器的往返调用(round-trips). 如果缓存在客户端或是代理,将减少对服务器的请求,减少带宽. 减少对数据库服务器的往返调用(round-trips). 当内容缓存在web服务器,能够减轻对数据库的请求. 减少网络带宽. 避免了重新生成可重用内容的时耗. 提高性能因为缓存减少了round-trips, network t…

Bootstrap Table的使用小结

1.Jquery中的一些东西学习一下子,补充完善一下,毕竟有些时候没有使用到这个方式很有用,在使用bootstrap table的时候,选择当前已经选择的节点的事件中的ID的值当前rows中有很多的数据,但是我只需要id这一个值,这个时候进行操作就非常的简单了. $.map(data,function(item,index){return XXX}) 使用的总结: 把一个数组,按照新的方式进行组装返回,和原来的数组不一样. 遍历data数组中的每个元素,并按照return中的计算方式形成一…

Bootstrap一周学习小结

一.响应式布局 1.bootstrap是自适应mobile和web,会根据分辨率大小而自适应的一个代码库,Bootstrap定义了很多js和css的效果,把这些效果集成为多个API,供在使用时调用. 2.在用bootstrap做基本的页面也要在head标签内引用bootstrap的库,bootstrap的js库是以jQuery为核心的 <meta name="viewport" content="width=device-width, initial-scale=1&q…

BootStrap Table使用小结

1.在当前表格的最后新增数据 $("#data_module_table").bootstrapTable('append', data.data);//data.data----->新增的数据 2.在当前表格的首行新增数据 $("#data_module_table").bootstrapTable('prepend', data.data);//data.data----->新增的数据 3.根据id删除行 var ids = [];//定义一个数组…

datatables 配套bootstrap样式使用小结（2） ajax篇

距离上一篇有点时间了,周末做了伴郎参加了一个土豪同学的婚礼. 上一篇是介绍一下基本的用法,基本的原理是取出所有的数据,然后调用$.datatables(option)方法格式化,这种方法显然不太科学,所以ajax方式是必须的. 首先上个效果图. js和css引用方面依旧没有变化,详见上篇. Html页面: @{ ViewBag.Title = "DataTableServer"; } @{ //两种身份 List<SelectListItem> discriminatorT…

BootStrap Table方法使用小结

参考链接:https://www.cnblogs.com/Amaris-Lin/p/7797920.html…

bootstrap + requireJS+ director+ knockout + web API = 一个时髦的单页程序

也许单页程序(Single Page Application)并不是什么时髦的玩意,像Gmail在很早之前就已经在使用这种模式.通常的说法是它通过避免页面刷新大大提高了网站的响应性,像操作桌面应用程序一样.特别是在当今的移动时代,单页程序如果放在移动设备上去浏览就能够拥有像native app一样的体验,也许我们web开发者们应该期待这种技术的大力普及,这样不管前端还是后端都是我们的天下啊,让那些Andrioid和IOS开发者们追赶我们吧!好吧,废话不说了,我们会从0开始搭建这样一个单页的web…

Bagging与随机森林算法原理小结

在集成学习原理小结中,我们讲到了集成学习有两个流派,一个是boosting派系,它的特点是各个弱学习器之间有依赖关系.另一种是bagging流派,它的特点是各个弱学习器之间没有依赖关系,可以并行拟合.本文就对集成学习中Bagging与随机森林算法做一个总结. 随机森林是集成学习中可以和梯度提升树GBDT分庭抗礼的算法,尤其是它可以很方便的并行训练,在如今大数据大样本的的时代很有诱惑力. 1. bagging的原理在集成学习原理小结中,我们给Bagging画了下面一张原理图. 从上图可以看出,…

Bootstrap 4-alpha 初体验

What is Bootstrap? 第一句话就是废话了,作为新时代有理想有节操的开发人员无人不知无人不晓.可能就是熟悉程度因为各种原因不尽相同,有人只是知道他大概是个什么东西,有些人可能基本可以使用,有些人可能深有体会.但是纠正一下一个比较常见的问题,可能我这个人比较矫情,Bootstrap是一个单词,不要写成了BootStrap,还有重音在第一个字母http://fanyi.baidu.com/#en/zh/bootstrap,尊重作者. Bootstrap是新时代Web开发前端展示整体的解…

《如何正确学习JavaScript》读后小结

在segmentfault上读的一篇学习JavaScript路线的文章,做个小结. 一.简介.数据类型.表达式和操作符 (1)<JavaScript权威指南>前言1-2章&<JavaScript高级程序设计>前言1-2章. (2)权威3-4章&高设3-4章. (3)权威5章. 二.对象.数组.函数.DOM (1)权威6章&高设6章(“理解对象”部分). (2)权威7-8章&高设5,7章. (3)权威13,15,16章&高设8,9,10,11,…

“英雄之旅”见闻和小结----angular2系列（三)

前言: 本系列在前面两篇文章,介绍了Zone.js和angular2的基础概念.而后对于ng2的学习,还是由官方的 Tour of Heroes 开始. 以下内容经过提炼和个人理解,当然也会有不正确的地方,欢迎指正.有兴趣的朋友,可以自己开始ng2之旅,再结合本篇文章一起理解. ng2的配置比较麻烦,任意的引入包可能导致一些报错,建议直接官方下载 quickStart . ng2 将所有api分成7个类型,在查阅api的时候,可以多留意一下他们的类型,便于理解 @Component @Comp…

【读书笔记《Bootstrap 实战》】6.单页营销网站

我们已经掌握了很多实用 Bootstrap 的重要技能.现在,是时候拿出更多的创意来帮助客户实现他们全方位在线营销的愿望了.此次将带领大家做一个漂亮的单页高端营销网站. 主要任务如下: □ 一个大型介绍性传送带图片展示区,配有自定义的响应式欢迎信息: □ 一个客户留言区,显示为带标题的图片墙,就像砖垒的一样: □ 一个功能清单,使用大号 Font Awesome 图标: □ 一个带有自定义价目表的注册区: □ 一个带动态滚动的 ScrollSpy 导航条. 1.概况有一位潜在客户联系我们,她…

【读书笔记《Bootstrap 实战》】5.电子商务网站

构建了公司网站之后,接下来就可以考虑设计一个在线商店了. 此次的设计以上一章的设计为基础, 只是添加了一个包含如下元素的新页面: □ 包含商品小图.标题和说明的产品网格: □ 位于左侧的变懒,用于按类别.品牌等筛选商品: □ 方便用户导航的面包屑和分页链接. 大家先看一看Zappos (http://www.zappos.com/) 和 Amazon (https://www.amazon.com/) 的网站,搜索或者浏览一下其中的商品.此处所要创建的页面,就包含与之类似的商品网格. 完成后的设…

【读书笔记《Bootstrap 实战》】4.企业网站

上一章有对个人作品站点进行一些优化.本章,轮到我们充实这个作品站点了,补充一些项目,从而展示我们的能力.换句话说,我们要构建一个相对复杂的企业网站主页. 下面有几个成功企业的网站: □ Zappos (http://www.zappos.com/) □ Amazon (https://www.amazon.com/) 尽管这些网站网站各有特色,但共同的一点就是它们都很复杂. 如果按照区域划分,可以将这些网站的主页分成三部分. □ 页头区:这一部分包含Logo.带下拉菜单的主导航.二级和实用链接导…

JS组件系列——表格组件神器：bootstrap table

前言:之前一直在忙着各种什么效果,殊不知最基础的Bootstrap Table用法都没有涉及,罪过,罪过.今天补起来吧.上午博主由零开始自己从头到尾使用了一遍Bootstrap Table ,遇到不少使用方面的问题,也做了一部分笔记,在此分享出来供需要使用的园友参考.还记得前两天有园友加群问我Bootstrap Table的使用问题,呵呵,巧了,今天博主也遇到同样的问题了,在此还是要表示抱歉,没有将这篇提前发出来. bootstrap table系列: JS组件系列——表格组件神器:bootst…

JS组件系列——Bootstrap寒冬暖身篇：弹出框和提示框效果以及代码展示

前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然能给用户很好的页面体验.前面几章介绍了bootstrap的几个常用组件,这章来看看bootstrap里面弹出框和提示框的处理.总的来说,弹出提示主要分为三种:弹出框.确定取消提示框.信息提示框.本篇就结合这三种类型分别来介绍下它们的使用. 一.Bootstrap弹出框…

JS组件系列——分享自己封装的Bootstrap树形组件：jqTree

前言:之前的一篇介绍了下如何封装自己的组件,这篇再次来体验下自己封装组件的乐趣.看过博主博客的园友应该记得之前分享过一篇树形菜单的使用JS组件系列——Bootstrap 树控件使用经验分享,这篇里面第一个Jquery Tree,只是用简单样式和js去实现了效果,没有给出一个系统的封装,这篇博主就来试试在此样式的基础上封装一个稍微完整点的树形组件. 一.组件效果预览其实效果和之前的那个差不多,博主只是在之前的基础上加了一个选中的背景色. 全部收起展开全部展开二.代码示例其实效果很简单,重…

【Bootstrap 小结】的更多相关文章