<script type="text/javascript"> $(".col-xs-12 img").addClass("carousel-inner img-responsive img-rounded");</script> ...
分类:
数据库 时间:
2016-06-09 12:13:58
阅读次数:
458
随着3G的普及,越来越多的人使用手机上网。 移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的 ...
分类:
Web程序 时间:
2016-06-01 09:12:25
阅读次数:
176
为了给段落添加强调文本,则可以添加 class="lead",这将得到更大更粗、行高更高的文本,如下面实例所示: 1、Bootstrap 图片 通过在 <img> 标签添加 .img-responsive 类来让图片支持响应式设计。 图片将很好地扩展到父元素。 .img-responsive 类将 ...
分类:
其他好文 时间:
2016-05-30 14:16:53
阅读次数:
200
Bootstrap第3天 图片样式 .img-responsive:直接为图片添加该样式,可以实现响应式图片。 .center-block:图片居中样式,而不能使用text-center样式。 图片形状样式:.img-rounded(圆角图片)、.img-circle(圆形图片)、.img-thum... ...
分类:
其他好文 时间:
2016-05-25 16:39:22
阅读次数:
209
方便自己查看,不喜勿喷响应式与移动端(一)~(五)http://http://www.codingserf.com/index.php/2014/07/responsive-and-mobile-1/http://www.codingserf.com/index.php/2014/08/responsive-and-mobile-2/http://www.codingserf.com/index.php/2014/08/responsive-and-mobile..
分类:
移动开发 时间:
2016-05-15 19:57:32
阅读次数:
209
这是我刚开发的一套基于Django和PureCSS的内容管理系统,目标是规范、简洁、实用,目前功能还在完善中。 系统参考了Andrew Liu的在线教程,除了文章管理、搜索,还增加了类别管理、用户管理,以及面包屑、Log 日志等功能,前端采用的是PureCSS Responsive Side Men ...
分类:
Web程序 时间:
2016-05-15 16:35:45
阅读次数:
214
bootstrap为我们内置了栅格系统布局,通过它,我们可以非常快速的在不同宽度的屏幕下进行自适应布局。 【grid栅格系统】http://v3.bootcss.com/css/#grid 【响应式工具】http://v3.bootcss.com/css/#responsive-utilities ...
分类:
其他好文 时间:
2016-05-13 18:47:17
阅读次数:
151
一、"自适应网页设计"的概念 2010年,Ethan Marcotte提出了"自适应网页设计"(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。 他制作了一个范例,里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素,则6张图 ...
分类:
Web程序 时间:
2016-05-13 07:39:40
阅读次数:
204
1.响应式图片 在 Bootstrap 版本 3 中,通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性,从而让图片在其父元素中更好的缩放。 如果需 ...
分类:
其他好文 时间:
2016-05-03 18:00:45
阅读次数:
170
Bootstrap 的 dropdown menu 在 responsive table内 会被外层遮挡住 解决办法: ...
分类:
其他好文 时间:
2016-04-15 14:04:35
阅读次数:
1390