• Bootstrap社区
  • 92
    位关注
    1
    个提问
    54
    篇博客
热门话题
  • 梦想的翅膀
  • 用Bootstrap做移动开发的效果怎么样?
  • 最近想开发一个APP程序,因本人一直都是前端的开发的,所以想直接使用现在常见的移动APP开发框架进行开发。我以前有用过Bootstrap做过网站的开发,但是没有使用Bootstrap做过移动APP的开发,所以想问一下
  • Bootstrap社区
    2个月前
    175 热度
    7 评论
  • 狄安娜
  • Bootstrap框架中弹出窗(modal)遇到的一些问题
  • 今天就在使用Bootstrap框架中遇到的一个问题分享一下,在产品开发的过程中使用了大量的弹出窗(modal)。刚开始学习使用的过程中就发现此窗口不能垂直居中,总是偏上,并且不能拖动,看了一下使用说明也没有提供过多的属性设置和方法,就这样使用默认的方式一直用着。最近,客户却提出了一个要求:能不能让弹出窗口居中,因为一些小的窗口偏上总感觉整体页面失衡,大一点的还过得
  • Bootstrap框架
    2个月前
    207 热度
    1 评论
  • XSPACE
  • 我选择Bootstrap的原因
  • 1.节省时间利用Bootstrap,你将有更多的时间用来挣钱。Bootstrap库中包含很多现成的代码片段,这些代码可为你的网站增加更多活力。Web开发者不必再花费时间、费力地编码,只需找到合适的代码,插入到合适位置即可。此外,CSS利用LESS编写,很多样式和设计都已设计完成。2.定制化Bootstrap很重要的一方面就是你可以将它据为己有。你可以留取框架中需要的部分,抛弃不需要的。Bo
  • Bootstrap框架
    2个月前
    175 热度
    0 评论
  • 火凤凰
  • 使用BootstrapValidator实现表单验证
  • bootstrap验证表单效果,直接上代码:$(function () { $('form').bootstrapValidator({ message: 'This value is not valid', feedbackIcons: { valid: 'glyphicon glyphicon-ok', in
  • Bootstrap框架
    2个月前
    205 热度
    0 评论
  • 放羊娃
  • bootstrap表单验证插件-bootstrapvalidator的初级用法
  • 前言:做Web开发的我们,表单验证是再常见不过的需求了。友好的错误提示能增加用户体验。博主搜索bootstrap表单验证,搜到的结果大部分都是文中的主题:bootstrapvalidator。今天就来看看它如何使用吧。一、源码及API地址介绍它之前,还是给出它的源码以及API的地址吧。bootstrapvalidator源码:https://github.com/nghu
  • Bootstrap框架
    2个月前
    197 热度
    0 评论
  • 使徒行者
  • bootstrap教程-导出当前页数据到excel,xml,json等
  • 关于表格数据导出,bootstrap table支持三种模式的导出:basic、all、selected。也就是当前页数据导出、所有数据导出、选中数据导出。并且支持导出多种类型的文件,比如常见的excel、xml、json等格式。导出当前页到excel导出表格所有数据导出选中行数据 至于其他类型的文件的导出,和excel基本相同,就不做效果展示了。 表格数据的导出功能也需要一些扩展的js支持。1、引入额
  • Bootstrap框架
    2个月前
    221 热度
    0 评论
  • Laughing
  • Bootstrap教程-table合并单元格
  • 表格的行列合并功能不用引用其他的js文件,只需要在cshtml页面使用table的colspan和rowspan即可实现。1、cshtml页面<table id="tb_report"> <thead> <tr> <th colspan="4" data-valign=
  • Bootstrap框架
    2个月前
    183 热度
    0 评论
  • 王髪
  • bootstrap教程-table表格实现编辑效果
  • 编辑前:点击编辑:编辑后:关于表格行内编辑,需要使用bootstrap table扩展的几个js文件。1、引入额外的js文件<link rel="stylesheet" href="//rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/css/bootstrap-editable.
  • Bootstrap框架
    2个月前
    184 热度
    0 评论
  • 马赛克
  • bootstrap教程-表格(table) 样式设计
  • 表格样式需求:比如我们有一个显示订单页面的需求,不同状态的订单显示不同的颜色,如图:关于表格行的样式设置,其他是它一个最基础的功能,当然,效果并不难,自己用jQuery设置tr的背景色也可以实现,但是博主觉得,既然bootstrap table提供了机制设置行的背景色,我们何不用它内置的api呢。我们看看如何实现。初始化表格的时候 //初始化Table $('#tb_order').bootstrapTa
  • Bootstrap框架
    2个月前
    170 热度
    0 评论
  • 加班无止境
  • Bootstrap教程- Table 表格行实现多行同时拖拽效果
  • 一、效果展示1、拖动前2、拖动中3、拖动后4、撤销回到拖动前状态二、需求分析通过上篇我们知道,如果要实现拖拽,必须要有一个可以拖拽的标签,或者叫容器,比如上篇里面的tr就是一个拖拽的容器,那么如果要实现选择行的拖拽,那么博主的第一反应是将选中的行放到一个容器里面,比如放到一个div中,然后注册这个div的可拖拽,可是实际情况是,tr是在table里面的标签,如果将tr用div包起来,势必将table
  • Bootstrap框架
    2个月前
    184 热度
    0 评论
  • 康康
  • Bootstrap学习-实现Table 表格行拖拽效果
  • 一、业务需求及实现效果项目涉及到订单模块,那天突然接到一个需求,说是两种不同状态的订单之间要实现插单的效果,页面上呈现方式是:左右两个Table,左边Table里面是状态为1的订单,右边Table里面是状态为2订单,左边Table里面的行数据拖动到右边Table里面指定行的位置,拖动完成后,左边表格减少一行,右边表格增加一行。除此之外,还需要撤销操作(相当于Ctrl
  • Bootstrap框架
    2个月前
    236 热度
    0 评论
  • 没逍遥
  • Bootstrap中实现图片圆角效果
  • Bootstrap 对图片的支持。Bootstrap 提供了三个可对图片应用简单样式的 class:.img-rounded:添加 border-radius:6px 来获得图片圆角。.img-circle:添加 border-radius:500px 来让整个图片变成圆形。.img-thumbnail:添加一些内边距(padding)和一个灰色的边框。请看下面的实例
  • Bootstrap框架
    2个月前
    219 热度
    0 评论
  • 海啸
  • 美国政府官网发布Web设计标准:不建议使用Bootstrap
  • 近日,美国政府内部核心数据机构之一18F在官方网站上发布了一份Web设计标准。该标准由18F和美国数字化服务(USDS)共同制定和维护,包含一个开源UI组件库和一份面向美国联邦政府网站的视觉风格指南,目标是为创建简单、易用、美观的政府网站提供指导。以下是其所遵循的四项基本原则:最好、最简单——为设计和开发人员提供简单易用的工具,使他们可以高效地为美国人民提供高质量的政府网站。易访问性
  • Bootstrap框架
    2个月前
    166 热度
    0 评论
  • VOVO1
  • Bootstrap中的响应式表格效果
  • 响应式表格通过把任意的 .table 包在 .table-responsive class 内,您可以让表格水平滚动以适应小型设备(小于 768px)。当在大于 768px 宽的大型设备上查看时,您将看不到任何的差别。<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 响应式表格</title> <
  • Bootstrap框架
    2个月前
    158 热度
    0 评论
  • 喜马拉雅
  • Bootstrap中的悬停表格效果
  • 通过添加 .table-hover class,当指针悬停在行上时会出现浅灰色背景,如下面的实例所示:<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 悬停表格</title> <link href="/boots
  • Bootstrap框架
    2个月前
    167 热度
    0 评论
  • 黑森林
  • Bootstrap实现边框表格效果
  • Bootstrap实现边框表格效果通过添加 .table-bordered class,您将看到每个元素周围都有边框,且占整个表格是圆角的,如下面的实例所示:<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 边框表格</title>
  • Bootstrap框架
    2个月前
    162 热度
    0 评论
  • 李苑
  • Bootstrap中的条纹表格效果
  • 条纹表格通过添加 .table-striped class,您将在 <tbody> 内的行上看到条纹,如下面的实例所示:2345678910111213141516171819202122232425262728293031323334353637383940<!DOCTYPE html><html><head> <t
  • Bootstrap框架
    2个月前
    166 热度
    0 评论
  • 林俪芳
  • Bootstrap中的表格效果
  • Bootstrap中使用的表格标签和我们普通的html的标签是一样的,只是添加了一些自己的样式,不过我这边还是简单介绍下:<table> 为表格添加基础样式。<thead> 表格标题行的容器元素(<tr>),用来标识表格列。<tbody> 表格主体中的表格行的容器元素(<tr>)。<tr> 一组出现在单行上的表格单元格的容器元素
  • Bootstrap框架
    2个月前
    173 热度
    0 评论
  • Ketty
  • Bootstrap- Modal对话框如何在关闭时触发事件
  • 下表列出了模态框中要用到事件。这些事件可在函数中当钩子使用。事件描述实例show.bs.modal在调用 show 方法后触发。$('#identifier').on('show.bs.modal', function () {// 执行一些动作...})shown.bs.modal当模态框对用户可见时触发(将等待 CSS 过渡效果完成)。$('#identifier').on('shown.bs.modal', function
  • Bootstrap框架
    2个月前
    198 热度
    0 评论
   可能感兴趣的群组
   可能感兴趣的人
   这些书籍很有料