Bootstrap缩略图

Bootstrap实现圆角、圆形头像和响应式图片_javascript技巧

12-14
Bootstrap提供了四种用于<img>类的样式,分别是: .img-rounded:圆角 (IE8 不支持),添加 border-radius:6px 来获得图片圆角:.img-circle:圆形 (IE8 不支持),添加 border-radius:50% 来让整个图片变成圆形..img-thumbnail:缩略图功能,添加一些内边距(padding)和一个灰色的边框..img-responsive:图片响应式 (将很好地扩展到父元素). 使用: 将类样式直接添加到class中即可:&l

程序猿如何快速打造一个有设计感的网站

11-26
  像我这样的程序员来说经常被"设计"这个词吓到,因为我是一名程序员而不是设计师,我拥有的是计算机学位证,另外我对 Comic Sans 字体并不介意.(注:Comic Sans 字体是 Win95 附带的一种漫画字体,设计行业极为排斥,设计师或那些拥有美学情结的人不屑与之为伍) 虽然只是一名程序员,但我还是想让自己的网站看起来更加吸引人,一方面出于虚荣,因为这样可以显得我更加"专业",而另一方面是出于现实,因为研究机构调查发现用户会更加信任那些网站"看起

Web设计资源:Windows8的Metro UI风格布局案例

07-25
文章描述:本文收集了很多Windows 8的Metro UI风格布局资源,希望大家喜欢! 微软已经正式发布了windows 8操作系统,Windows操作系统的风格已经完全改变成了瓷贴状的Metro UI.对于微软来说这是一个巨大的改变,而且所有微软的平台,包括桌面.平板.移动及网站都使用这个UI风格.Metro UI包含了所有的现代web设计的特点:简化.基于网格的界面.富有连续性. 本文收集了很多Windows 8的Metro UI风格布局资源,希望大家喜欢! 一.Metro风格的网站框架和

浅析Bootstrap缩略图组件与警示框组件_javascript技巧

04-29
Bootstrap简介 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷. 缩略图组件 缩略图在网站中最常用的就是产品列表页面,一行显示几张图片,有的在图片底下带有标题.描述内容.按钮等信息. bootstrap框架将这部分独立成一个模块组件,通过类名.thumbnail配合bootstrap的网格系统来实现.下面是bootstrap缩略图组件不同版本的源码文件: L

比BOOTSTRAP还更强大的前端框架TOOLKIT

01-15
  目前比较流行的前端框架有Bootstrap.Foundation,这两都有着常用的网页设计组件,并且兼容移动设备,深受大众喜爱,但如果你认为这两个框架的组件依然不够用的话,可尝试今天分享的Toolkit,它内置的UI组件更多.更强大,而且实用流行. Tookit框架特点是使用扁平化设计,并带有很多新鲜的UI组件,配合CSS3动画,使很多组件交互效果变得很漂亮,功能实用强大. 下面来看看一些截图介绍: Tookit 高亮文本提示 Tooltips 提示信息组件(图:左下角) 有动画效果,英文称