bootstrap框架应用
文章平均质量分 63
comeonstone
这个作者很懒,什么都没留下…
展开
-
bootstrap实践学习总结(一)
1、导航中左右两块内容,左边logo,右边用户信息等类如上图,css定义如下:左侧:.logo 右侧:.navbar.main-header .logo{ float:left; display:block; width:230px; ……}.main-header > .navbar{ margin-left: 230px;……margin-bottom:0px原创 2015-10-15 11:57:08 · 6894 阅读 · 0 评论 -
bootstrap实践学习总结(二)
此处总结应用:1、搜索框1、搜索框一般样子如前边输入框,后边为查询按钮,如图:此处会用到.input-group .input-group-btn原创 2015-10-20 10:57:37 · 5821 阅读 · 0 评论 -
插件--旋钮插件jQuery knob
插件描述:如果你也在寻找一款生成漂亮旋钮(knob)的jQuery插件的话,那么今天我们介绍的jQuery knob肯定是一个不错的选择。如果你也在寻找一款生成漂亮旋钮(knob)的jQuery插件的话,那么今天我们介绍的jQuery knob肯定是一个不错的选择。它使用canvas帮助我们生成超酷的旋钮特效,你可以使用插件选项或者HTML5的data属性来自定义设置插件属性,方便简捷并且转载 2015-10-28 17:39:02 · 2865 阅读 · 0 评论 -
根据设备不同,加载不同尺寸图片
针对自适应网站,图片是最难把控的,特别是banner类型的大图片。js:$(function(){ //根据不同浏览设备,加载不同图片 pic_html(); function pic_html(){ if($(window).width()<720){ $(".pic-html").attr("src","img/pic-html-mobile/banner3.png")原创 2016-01-14 17:25:15 · 4514 阅读 · 0 评论