图像
图像在网页制作中也是常要用到的元素,在Bootstrap框架中对于图像的样式风格提供以下几种风格:
1、img-responsive:响应式图片,主要针对于响应式设计
2、img-rounded:圆角图片
3、img-circle:圆形图片
4、img-thumbnail:缩略图片
使用方法:
使用方法非常简单,只需要在标签上添加对应的类名,如下代码:
...
分类:
其他好文 时间:
2015-01-31 19:25:52
阅读次数:
287
在 CSS2 中,你可以为不同的媒介设备(如屏幕、打印机)指定专用的样式表,而现在借助CSS3的 Media Queries 特性,可以更为有效的实现这个功能。你可以为媒介类型添加某些条件,检测设备并采用不同的样式表。 例如,你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式文档中....
分类:
Web程序 时间:
2015-01-13 15:43:55
阅读次数:
121
关于webApp响应式设计遇到的问题,分享给大家,最近在做一个手机webApp,因为我手机是”米3“,屏幕截图大小是1080宽,所以css样式用@mediascreenand(min-width:1080px){ …… },来判断屏幕最小宽度是1080px的手机web显示什么样的样式,结果却不能正....
分类:
移动开发 时间:
2015-01-10 23:32:20
阅读次数:
214
?摘要: 响应式设计已经流行很久了,今天分享一个借助transition来实现动态切换布局的效果。代码: Document > Resize your navigator's window to see this awesome responsive ...
分类:
其他好文 时间:
2015-01-09 17:12:25
阅读次数:
154
原文:Responsive Design in 3 Steps 译文:响应式设计的三个步骤 译者:dwqs 现在,响应式Web设计无疑是非常流行的。如果你对响应式设计还不熟悉,可以看看我之前发表过的关于这方面的responsive sites。对于新人...
分类:
其他好文 时间:
2015-01-04 11:39:33
阅读次数:
117
原文:Responsive Design in 3 Steps
译文:响应式设计的三个步骤
译者:dwqs
现在,响应式Web设计无疑是非常流行的。如果你对响应式设计还不熟悉,可以看看我之前发表过的关于这方面的responsive sites。对于新人,responsive design可能听起来有点复杂,但实际上,它比你想的要简单的多。为了帮助你快速入门响应式Web设计,我写了一篇快速入门教程。我保证你通过三步就可以学会响应式设计的基本逻辑和媒体查询(media query)(假设你有基本的CSS知...
分类:
其他好文 时间:
2015-01-04 11:32:13
阅读次数:
169
原文:Responsive Design in 3 Steps译文:响应式设计的三个步骤译者:dwqs现在,响应式Web设计无疑是非常流行的。如果你对响应式设计还不熟悉,可以看看我之前发表过的关于这方面的responsive sites。对于新人,responsive design可能听起来有点复杂...
分类:
其他好文 时间:
2015-01-04 11:07:30
阅读次数:
187