bootstrap官网 3 有哪些改进

Ladda for Bootstrap 3按钮加载进度插件-jQuery插件库
嗨!你可以选择以上合作网站帐号直接登录jQuery插件库
Ladda for Bootstrap 3按钮加载进度插件
阅读:5319
Ladda可以让你点击按钮时,在按钮中显示一个加载进度效果。
浏览器兼容性
本着分享经验的精神,如果你觉得该插件的使用方法不正确或有待改进,可以在下面添加上你的使用方法,一经采用,我们会相应地给予1-10jQ币不等的奖励,请确保你的方法是经过验证通过的。
使用方法添加bootstrap.css样式,spin.min.js和ladda.min.js到您的页面&link&href=&/bootstrap/3.0.3/css/bootstrap.min.css&&rel=&stylesheet&&
&script&src=&dist/spin.min.js&&&/script&
&script&src=&dist/ladda.min.js&&&/script&然后添加一个按钮并加入样式:&button&class=&btn&btn-primary&ladda-button&&data-style=&expand-left&&&span&class=&ladda-label&&expand-left&/span&&/button&或者使用“a”标签:&a&href=&#&&class=&btn&btn-primary&ladda-button&&data-style=&expand-left&&&span&class=&ladda-label&&expand-left&/span&&/a&你可以设置data-style属性来选择风格:data-style=&expand-left&
data-style=&expand-left&
data-style=&expand-right&
data-style=&expand-up&
data-style=&zoom-in&
data-style=&zoom-out&
data-style=&slide-left&
data-style=&slide-right&
data-style=&slide-up&
data-style=&slide-down&
data-style=&contract&你可以通过设置data-size属性选择控制大小:data-size=&xs&
data-size=&s&
data-size=&l&你可以选择的颜色微调器通过设置data-spinner-color属性(十六进制代码):data-spinner-color=&#FF0000&与Javascript控制UI状态:Ladda.bind(&'input[type=submit]'&);使用AJAX表单时,可以使用下面的语法:&a&href=&#&&id=&form-submit&&class=&btn&btn-primary&btn-lg&ladda-button&&data-style=&expand-right&&data-size=&l&&&span&class=&ladda-label&&Submit&form&/span&&/a&$(function()&{
$('#form-submit').click(function(e){
&e.preventDefault();
&var&l&=&Ladda.create(this);
&l.start();
&$.post(&your-url&,&
&&&&&{&data&:&data&},
&&&function(response){
&&&&&console.log(response);
&&&},&&json&)
&.always(function()&{&l.stop();&});
});其他方法可以通过Javascript
版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证)
发表日期:
文章链接:
转载请务必加上该链接
滚动加载效果
动感的页面加载动画效果
jquery图片加载进度
APPLE 渐入渐出效果
Retina_Dashboard后台管理模板
iquery图片上传
发表时间: 10:39:30
发表时间: 16:43:25
input button submit 的例子有吗?源码中好像没有。
发表时间:@{created_at}
Advertisement
演示地址错误
下载地址错误
Ladda for Bootstrap 3按钮加载进度插件
我当前jQ币余额:获取中..已下载次数:2047
注:购买该插件的用户当日可免费下载 插件作者可永久免费下载
所需jQ币:0
下载提示:由于文件较小,请直接点击下载,不支持迅雷等下载工具。
对不起,你的
不足,你可以通过
你可以直接下载,不消耗jQ币
你遇到的问题赶快加入吧
收藏,503 浏览
问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
之前听说bootstrap可以加快前端开发的速度,但是我了解了一下,以我才疏学浅的脑子,觉得bootstrap只是事先定义好了一些样式,然后我们可以直接拿来用。
可是颜色大小布局这些怎么办,不可能每一个网站的颜色大小都是一样的,很多都是要自己设置的,这该怎么办,直接修改bootstrap的样式还是自己再定义一个?
bootstrap按照我的理解应该只是定义了一些按钮表单什么的小部件的样式,大框架的样式是不是还是要自己写呢?
有没有使用bootstrap的人给我解答一下,非常感谢!
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
1.基于Bootstrap你可以快速搞出一个网站的基本布局
2.如果你是后台开发人员大可不必操心页面的布局,利用Bootstrap的网格系统分分钟搭好布局
3.至于楼主说的自定义样式,这个事情一般是要自己干的,不可能每个网站风格都一模一样的
4.推荐一些Bootstrap优秀站点
大概就这么多。
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
去看一下bootstrap的顶多花半个小时
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
你可以做一个适应手机和web的网站,一些字体图标,并且集成了一部分常用的效果。
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
颜色尺寸要改太简单了毫无压力
“事先定义好的样式”当然能加速开发咯,类库就是“事先定义好的方法”,框架就是“事先定义好的代码组织方式”
同步到新浪微博
不要错过该问题的后续解决方案
如果你没找到答案,记得登录关注哦,大家会尽全力帮你解决的 ^___^
最专业的开发者社区
最前沿的技术问答,最纯粹的技术切磋。让你不知不觉中开拓眼界,提高技能,认识更多朋友。
分享到微博?
关闭理由:
删除理由:
忽略理由:
与已有问题重复
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
内容质量差,或不适合在本网站出现
无意义讨论型问题
其他原因(请补充说明)
举报理由:
带有人身攻击、辱骂、仇恨等违反条款的内容
与已有问题重复
内容质量差,或不适合在本网站出现
答非所问,不符合答题要求
其他原因(请补充说明)
补充说明:nopCommerce 3.3正式发布及新增功能改进
nopCommerce是一套优秀开源且基于Asp.net MVC的开源商城系统,nopCommerce 3.x经历长时间多个版本重构优化改进,目前已经趋于完善与成熟!
nopCommerce 3.3正式发布使其迈进了一个新的历程,下边是3.3的主要变化。
一.nopCommerce 3.3运行环境升级为.Net Framework 4.5.1
3.3版本升级了所有资源库为最新版本,如:.Net Framework 4.5.1 ,AspNet.Mvc.5.1.1,AspNet.Razor.3.1.1,EntityFramework.6.1.0,Autofac.Mvc5.3.2.1
如果你想升级nopCommerce 3.3请注意你系统环境是否已升级为.Net Framework &4.5.1
二.nopCommerce 3.3后台框架由Telerik更换为KendoUI
增强了后台的易用性及流畅性,KendoUI拥有一套完整而强大的控件,易于开发和管理
三.nopCommerce 3.3.默认主题theme支持响应式
默认主题支持目前比较流行的响应式,在手机,平板,PC上均能友好显示页面。
四.在nopCommerce 3.3中为权限角色新增一功能
利用角色自定义功能通过ACL来控制指定产品可以被某些会员可查看和购买
五.nopCommerce 3.3简化了结账过程
在后台Configuration -& Settings -& Order Settings启用该设置,结账时将默认已有的地址信息。
六.管理员完全可控制用户注册信息
在3.3版本中管理员可根据需求自定义用户信息
七.在nopCommerce 3.3中很有用的属性组合改进
八.Url针对搜索引擎的优化
假设你目前网站url结构如下:
&在3.3中Url将优化如下:
&九.NopCommerce 3.3新增了谷歌Universl Analytics(分析)插件
十.NopCommerce 3.3增强多店铺自定义功能
十一.新增检测客户所用浏览器默认语言功能
这是一个很小但很方便的功能,可以从Configuration -& Settings-& General And Miscellaneous Settings -& Localization Settings启用。
今天就先为大家介绍nopCommerce 3.3的这些功能,后续我们将逐渐为大家介绍更多的使用教程,插件开发,性能优化等文章。
NopCommerce交流QQ群:
Please enable JavaScript to view the
交流QQ群:
Bootstrap交流一群:
Bootstrap交流二群:
Foundation交流一群:
Orchard/Nop交流群:

我要回帖

更多关于 bootstrap 的文章

 

随机推荐