由于之前写了一个局部刷新的分页,为了自己以后工作方便所以再上传一个通用的分页,基于bootstrap的分页,引用和上次写的局部刷新一样,在这里就不写了js代码 在页面加载的时候执行 var options = { bootstrapMajorVersion: 3,/...
分类:
其他好文 时间:
2014-07-30 17:13:44
阅读次数:
213
一直很纠结的一个问题,网络上也有很多方案,但总感觉不完美.之前的方案1.在setting.py中
STATIC_ROOT=‘static/‘
STATIC_URL=‘static/‘
2.在模板页面中
<linkrel="stylesheet"href="{{STATIC_URL}}css/bootstrap.css">
<scripttype="text/javascript"src="{{STATIC_URL..
分类:
其他好文 时间:
2014-07-30 15:01:24
阅读次数:
186
在bootstrap-responsive.css这个CSS样式表中已经为我们设定好了几个实用的类: .visible-phone: 在智能手机设备上显示这个元素,在其他设备上隐藏该元素 .visible-tablet: 在平板电脑上显示这个元素,在其他设备上隐藏该元素 .vi...
分类:
其他好文 时间:
2014-07-30 12:09:23
阅读次数:
220
首先引入文件bootstrap-responsive.css bootstrap-responsive.css这个样式表已经为我们针对常用的上网设备做好了相应的响应式设计: 比如: 分辨率宽度1200像素以上的屏幕上,网格的宽度会由60px变为70px,且网格与网格之间的距离由20px...
分类:
其他好文 时间:
2014-07-30 11:45:53
阅读次数:
226
旨在优化不同上网设备中页面显示的优化 响应式布局:就是根据浏览窗口的尺寸,改变页面的变化 原理:利用css的media-queries判断浏览窗口的尺寸,在CSS样式表中设置一些规则! 例如: 在标签中输入如下css3的格式实现: 解读:上面的代码的意思是实现,当浏览窗口尺寸小于767...
分类:
其他好文 时间:
2014-07-30 09:58:13
阅读次数:
205
嵌套布局: 在一行中,有三列,每一列都有对应的BS栅格系统中的格子,以下例中因为 .row中的div对应的class分别是span4,span4,span4,所以其每一列对应的格子数是 4,4,4 现在有一个需求,要在第三列中另外再布局出2列,且这2列宽度相同那么操作如下:看彩色部分 ...
分类:
其他好文 时间:
2014-07-30 03:16:22
阅读次数:
278
1、 布局 使用bootstrap网格系统布局网页 得到如图所示: 2、给需要的元素添加一个容器,使其居中显示 布局 使用bootstrap网格系统布局网页 得到如图所示:如果需要更确切的效果请自行给上面的div设置border查看,是否是.container容器使...
分类:
其他好文 时间:
2014-07-30 00:58:22
阅读次数:
277
1、bootstrap 官方网站:http://wrongwaycn.github.io/bootstrap/docs/index.html2、如图: 3、下载后得到如下目录结构 bootstrap v2.0.2 css(含4个文件) ...
分类:
其他好文 时间:
2014-07-30 00:41:32
阅读次数:
280
演示效果 http://www.17sucai.com/preview/131993/2014-07-09/mac-Bootstrap/gallery.html 点击之后的效果 使用方法 Query图片播放插件prettyPhoto使用介绍 http://www.sohenk.com/archive...
分类:
Web程序 时间:
2014-07-29 21:10:32
阅读次数:
259
最近两个月由于需要升级公司产品的界面,所以不得不去学习了下原本并不熟悉的前端框架。这里也是推荐两款BootStrap和JQueryUI。
bootstrap使用起始很简单,首先,需要得到所需要的Jar包,可以去中文官网http://getbootstrap.com/2.3.2/获取。
在我看来,要掌握bootstrap的用法有很多途径,可以去看帮助文档,或者看学习视频,这些能帮助你更系统全面的...
分类:
Web程序 时间:
2014-07-29 17:59:12
阅读次数:
234