为了账号安全,请及时绑定邮箱和手机立即绑定

Bootstrap

给Bootstrap-table插件添加tree功能 原创

一、最终效果图 工作中想用如图的方式去展示数据,虽然网上也有其它人写的相关插件,但是几乎都是一次性请求好数据并且不支持分页,不符合项目需求,所以就自己改了个,尽量避免动原插件的既有功能,当点击行前的折叠图标时,会通过ajax从后台调取数据并插入到表格中。 二、相关代码 1、修改 BootstrapTable.prototype.initHeader 函数 /* 2018.01.10 为树域td添加...

94浏览 1推荐 1评论

分布式监控系统Zabbix3.2跳坑指南 原创

zabbix是什么在此就不多作介绍了,可以参考之前的文章 零代码如何打造自己的实时监控预警系统 ,这篇主要介绍安装及注意事项。 主要分为服务端和客户端安装,客户端又分为Linux、Windows。 服务端安装环境 CentOS6.8 Zabbix3.2 Mysql5.6 Apache PHP56w 环境准备 关闭selinux setenforce 0 进入mysql,创建zabbix用户并授权 ...

1066浏览 17推荐 3评论

bootstrap简介、环境安装、排版、表格、按钮、表单、图片、网格

一、 简介 概述 该框架是由Twitter公司(全球最大的微博)两个工程师研发的,基于html、css、javascript的开源框架。 用途 重要部分就是响应式布局,丰富多样的样式定义、组件和插件 二、 环境安装 下载 Sass和Less 是升级版的CSS 我使用的bootstrap代码是经过编译过的代码。 框架结构 标准模板 1) 让浏览器以最新的IE内核版本或使用谷歌内核去渲染当前页面,是先...

739浏览 8推荐 1评论

Maven多模块+SSM框架(五、Bootstrop3+Sitemes

前言 第四篇写完后发现显示到前台真的好难看,如果说实战的话当然这个东西做好后一定让用户鄙视。(没法看~~) So!加上Twitter推出的前端开发的开源工具包Bootstrop还是不错的选择。 Sitemesh 3听到这个词,不知道什么东西,能干嘛?简单来说: Sitemesh 是一个网页布局和修饰的框架,知道 ASP.NET 的同学应该了解母版这个东西,比较类似啦!还不了解?别急,等东西做出来就...

1520浏览 3推荐 0评论

jquery复习之路---选择器

一,基本选择器 1,id 选择器 var $div = $("#idName"); 和DOM的document.getElementById("id"); 2,class类选择器 var $div= $(".className") ;和 DOM的document.getElementsByClassName("className...

646浏览 6推荐 0评论

玩转Bootstrap基础——网格系统、下拉菜单

列偏移(offset): 只需要在列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数),那么具有这个类名的列就会向右偏移。例如,你在列元素上添加“col-md-offset-4”,表示该列向右移动4个列的宽度 <div class="row"> <div class="co...

622浏览 6推荐 3评论

玩转Bootstrap基础——表格

Bootstrap为表格不同的样式风格提供了不同的类名,主要包括: .table:基础表格 .table-striped:斑马线表格 .table-bordered:带边框的表格 .table-hover:鼠标悬停高亮的表格 .table-condensed:紧凑型表格 .table-responsive:响应式表格 响应式表格: 当你的浏览器可视区域小于768px时,表格底部会出现水平滚动条。当...

466浏览 2推荐 0评论

玩转Bootstrap基础——排版

<small>副标题</small> <p>我是一个普通的段落,我不需要强调显示</p> <p class="lead">这部分内容需要特别的强调,我和别人长得不一样</p> <p>我是一个段落,这个段落中“<strong>强调</strong>”...

466浏览 1推荐 0评论

响应式常用的布局尺寸

类型 布局宽度 列宽 间隙宽度 大屏幕 大于等于1200px 70px 30px 默认 大于等于980px 60px 20px 平板 大于等于768px 42px 20px 手机到平板 小于等于767px 流式列,无固定宽度 手机 小于等于480px 流式列,无固定宽度 / 大屏幕 / @media (min-width: 1200px) { ... } / 平板电脑和小屏电脑之间的分辨率 / @...

752浏览 2推荐 0评论

自己写的响应式Html5加Bootstrap官网代码,仅供参考学习

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name...

692浏览 4推荐 0评论

bootstrap排版内容总结

1、标题: (1)标签<h1>到<h6>,但是Bootstrap覆盖了其默认样式。 (2)通过比较可以发现,Bootstrap标题样式进行了以下显著的优化重置: * 重新设置了margin-top和margin-bottom的值, h1~h3重置后的值都是20px;h4~h6重置后的值都是10px。 * 所有标题的行高都是1.1(也就是font-size的1.1倍),而且文...

919浏览 4推荐 0评论

2017.05.18...导航笔记

1.使用<ul>标签 2.添加类nav,无导航样式效果 3.必须再添加选项卡导航nav-tabs或者胶囊导航nav-pills对应的类名,此时float:left,可以设置活动状态active和禁用状态disabled 4.可以设置垂直导航,必须再.nav .nav-tabs/.nav-pills基础上添加类名nav-stacked,此时float:none,垂直导航中还可以添加分割线...

708浏览 6推荐 0评论

bootstrap-fileinput 组件在上传时传递附带额外如何参

如果回英文的朋友一下子,去官网看一下子就明白拉。 下面這样的格式就ok了。 感觉在网上问fileinput 上传附带参数挺多的。 $('#file-es').fileinput({ language: 'zh', uploadUrl: '{$url}', allowedFileExtensions : ['jpg', ...

2567浏览 2推荐 1评论

Bootstrap一些基础知识

HTML标准模板 (1)bootstrap下载的文件结构 (2) Bootstrap 崇尚移动先行 <meta name="viewport" content="width=device-width,initial-scale=1.0"> UI布局的宽度和移动设备的宽度一致,缩放大小为原始大小(不缩放)。 (4)Bootstrap不支持IE的兼容...

1155浏览 10推荐 0评论

关于分辨率缩小时,list-group隐藏为按钮的问题解决方法

查看了例子中的源码,有个offcanvas.css和offcanvas.js需要加载。 offcanvas.css的源码: /* * Style tweaks * -------------------------------------------------- */ /*html, body { overflow-x: hidden; Prevent scroll on narrow devi...

614浏览 2推荐 1评论
首页上一页12345下一页尾页

推荐作者

热门手记

意见反馈 常见问题 APP下载
官方微信