• Bootstrap框架中弹出窗(modal)遇到的一些问题
  • 今天就在使用Bootstrap框架中遇到的一个问题分享一下,在产品开发的过程中使用了大量的弹出窗(modal)。刚开始学习使用的过程中就发现此窗口不能垂直居中,总是偏上,并且不能拖动,看了一下使用说明也没有提供过多的属性设置和方法,就这样使用默认的方式一直用着。最近,客户却提出了一个要求:能不能让弹出窗口居中,因为一些小的窗口偏上总感觉整体页面失衡,大一点的还过得
    继续阅读>>
  •  Bootstrap教程 modal  热度:(470) 发布时间:2016/3/9 20:18:00
  • 我选择Bootstrap的原因
  • 1.节省时间利用Bootstrap,你将有更多的时间用来挣钱。Bootstrap库中包含很多现成的代码片段,这些代码可为你的网站增加更多活力。Web开发者不必再花费时间、费力地编码,只需找到合适的代码,插入到合适位置即可。此外,CSS利用LESS编写,很多样式和设计都已设计完成。2.定制化Bootstrap很重要的一方面就是你可以将它据为己有。你可以留取框架中需要的部分,抛弃不需要的。Bo
    继续阅读>>
  •  Bootstrap学习 LESS  热度:(386) 发布时间:2016/3/9 19:52:00
  • 使用BootstrapValidator实现表单验证
  • bootstrap验证表单效果,直接上代码:$(function () { $('form').bootstrapValidator({ message: 'This value is not valid', feedbackIcons: { valid: 'glyphicon glyphicon-ok', in
    继续阅读>>
  •  bootstrap教程 验证表单  热度:(465) 发布时间:2016/3/3 7:09:00
  • bootstrap表单验证插件-bootstrapvalidator的初级用法
  • 前言:做Web开发的我们,表单验证是再常见不过的需求了。友好的错误提示能增加用户体验。博主搜索bootstrap表单验证,搜到的结果大部分都是文中的主题:bootstrapvalidator。今天就来看看它如何使用吧。一、源码及API地址介绍它之前,还是给出它的源码以及API的地址吧。bootstrapvalidator源码:https://github.com/nghu
    继续阅读>>
  •  表单验证 验证插件 bootstrap  热度:(1675) 发布时间:2016/2/24 13:16:00
  • bootstrap教程-导出当前页数据到excel,xml,json等
  • 关于表格数据导出,bootstrap table支持三种模式的导出:basic、all、selected。也就是当前页数据导出、所有数据导出、选中数据导出。并且支持导出多种类型的文件,比如常见的excel、xml、json等格式。导出当前页到excel导出表格所有数据导出选中行数据 至于其他类型的文件的导出,和excel基本相同,就不做效果展示了。 表格数据的导出功能也需要一些扩展的js支持。1、引入额
    继续阅读>>
  •  bootstrap教程 导出数据  热度:(3303) 发布时间:2016/2/23 11:18:00
  • Bootstrap教程-table合并单元格
  • 表格的行列合并功能不用引用其他的js文件,只需要在cshtml页面使用table的colspan和rowspan即可实现。1、cshtml页面<table id="tb_report"> <thead> <tr> <th colspan="4" data-valign=
    继续阅读>>
  •  Bootstrap教程 合并单元格  热度:(3604) 发布时间:2016/2/23 11:10:00
  • bootstrap教程-table表格实现编辑效果
  • 编辑前:点击编辑:编辑后:关于表格行内编辑,需要使用bootstrap table扩展的几个js文件。1、引入额外的js文件<link rel="stylesheet" href="//rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/css/bootstrap-editable.
    继续阅读>>
  •  bootstrap教程 编辑表格  热度:(1050) 发布时间:2016/2/23 10:57:00
  • bootstrap教程-表格(table) 样式设计
  • 表格样式需求:比如我们有一个显示订单页面的需求,不同状态的订单显示不同的颜色,如图:关于表格行的样式设置,其他是它一个最基础的功能,当然,效果并不难,自己用jQuery设置tr的背景色也可以实现,但是博主觉得,既然bootstrap table提供了机制设置行的背景色,我们何不用它内置的api呢。我们看看如何实现。初始化表格的时候 //初始化Table $('#tb_order').bootstrapTa
    继续阅读>>
  •  bootstrap教程 table  热度:(546) 发布时间:2016/2/23 10:28:00
  • Bootstrap教程- Table 表格行实现多行同时拖拽效果
  • 一、效果展示1、拖动前2、拖动中3、拖动后4、撤销回到拖动前状态二、需求分析通过上篇我们知道,如果要实现拖拽,必须要有一个可以拖拽的标签,或者叫容器,比如上篇里面的tr就是一个拖拽的容器,那么如果要实现选择行的拖拽,那么博主的第一反应是将选中的行放到一个容器里面,比如放到一个div中,然后注册这个div的可拖拽,可是实际情况是,tr是在table里面的标签,如果将tr用div包起来,势必将table
    继续阅读>>
  •  bootstrap教程 表格拖拽  热度:(1889) 发布时间:2016/2/22 16:20:00
  • Bootstrap学习-实现Table 表格行拖拽效果
  • 一、业务需求及实现效果项目涉及到订单模块,那天突然接到一个需求,说是两种不同状态的订单之间要实现插单的效果,页面上呈现方式是:左右两个Table,左边Table里面是状态为1的订单,右边Table里面是状态为2订单,左边Table里面的行数据拖动到右边Table里面指定行的位置,拖动完成后,左边表格减少一行,右边表格增加一行。除此之外,还需要撤销操作(相当于Ctrl
    继续阅读>>
  •  Bootstrap学习 table  热度:(644) 发布时间:2016/2/22 15:24:00
  • Bootstrap中实现图片圆角效果
  • Bootstrap 对图片的支持。Bootstrap 提供了三个可对图片应用简单样式的 class:.img-rounded:添加 border-radius:6px 来获得图片圆角。.img-circle:添加 border-radius:500px 来让整个图片变成圆形。.img-thumbnail:添加一些内边距(padding)和一个灰色的边框。请看下面的实例
    继续阅读>>
  •  bootstrap 图片圆角效果  热度:(1287) 发布时间:2015/10/23 18:41:00
  • 美国政府官网发布Web设计标准:不建议使用Bootstrap
  • 近日,美国政府内部核心数据机构之一18F在官方网站上发布了一份Web设计标准。该标准由18F和美国数字化服务(USDS)共同制定和维护,包含一个开源UI组件库和一份面向美国联邦政府网站的视觉风格指南,目标是为创建简单、易用、美观的政府网站提供指导。以下是其所遵循的四项基本原则:最好、最简单——为设计和开发人员提供简单易用的工具,使他们可以高效地为美国人民提供高质量的政府网站。易访问性
    继续阅读>>
  •  Bootstrap教程 前端框架  热度:(398) 发布时间:2015/10/15 21:16:00
  • Bootstrap中的响应式表格效果
  • 响应式表格通过把任意的 .table 包在 .table-responsive class 内,您可以让表格水平滚动以适应小型设备(小于 768px)。当在大于 768px 宽的大型设备上查看时,您将看不到任何的差别。<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 响应式表格</title> <
    继续阅读>>
  •  Bootstrap 表格 响应式表格  热度:(730) 发布时间:2015/7/10 12:32:00
  • Bootstrap中的悬停表格效果
  • 通过添加 .table-hover class,当指针悬停在行上时会出现浅灰色背景,如下面的实例所示:<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 悬停表格</title> <link href="/boots
    继续阅读>>
  •  Bootstrap 表格效果 悬停表格  热度:(1124) 发布时间:2015/7/6 12:41:00
页数: 1 - 4 (共54 条评论)
Prev
[1]
2
3
4
Next
  • 搞笑.奇葩.无节操
  • 客户被绑,蒙眼,惊问:“想干什么?”
    对方不语,鞭笞之,客户求饶:“别打,要钱?”
    又一鞭,“十万够不?”
    又一鞭,“一百万?”
    又一鞭。客户崩溃:“你们TMD到底要啥?”
    “要什么?我帮你做项目,写代码的时候也很想知道你TMD到底想要啥!”
  • 百度有人提问:有个问题问大家,我女朋友好像在欺骗我,每天晚上跟别人出去,很晚才坐车回来,车也不到门口,不知道谁送她。我偷看过她手机,结果她大发雷霆。那天晚上她又出去,我为了看她跟谁在一起,骑摩托车在街口等,结果发现摩托车漏油,请问,这摩托车才买一年,可以保修么?
  • 程序猿的读书历程:x 语言入门 —> x 语言应用实践 —> x 语言高阶编程 —> x 语言的科学与艺术 —> 编程之美 —> 编程之道 —> 编程之禅—> 颈椎病康复指南。
  • 少壮不努力,老大写代码。 春眠不觉晓,醒来写代码。 举头望明月,低头写代码。 子在川上曰:我在写代码。 夜夜思君不见君,君在写代码。 洛阳亲友如相问,就说我在写代码。 寄意寒星荃不察,我以我血写代码。 众里寻他千百度,蓦然回首,那人正在写代码。 年年岁岁花相似,岁岁年年写代码。