你是一个前端设计师吗?不管你是不是..都应该接触一下这个CSS框架 此框架支持响应布局!非常简单,对于英文不好的朋友来说这个框架简直就是为你量身定做的。因为这个框架被中国的热心网友将文档翻译了!非常易懂

并且这个网站还有很多的其他工具 比如:布局设计器 还有一些前端的UI什么的很给力!

 

Bootstrap

简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。

下载Bootstrap Bootstrap入门指南

Bootstrap相关开源项目推荐

这些项目或者是对Bootstrap进行了有益的补充,或者是基于Bootstrap的

Bootstrap-爱程序网

LayoutIt!
Bootstrap可视化布局

LayoutIt! 可拖放排序在线编辑的Bootstrap可视化布局系统。由4wer同学汉化整理。

Bootstrap-爱程序网

Grumble.js
气泡形状的提示(Tooltip)控件

一个气泡形状的提示(Tooltip)控件,可以在其围绕的元素周围做360度任意定位。

Bootstrap-爱程序网

BootstrapEd
增强Bootstrap

BootstrapEd是基于Bootstrap,并且,优化Bootstrap在中文WEB环境中的效果;增强Bootstrap中的内置组件;增加有价值的通用组件!

Bootstrap-爱程序网

Unslider
jQuery轮播插件

Unslider — 一个超小的 jQuery 轮播(slider) 插件。支持主流浏览器、键盘导航、自动调整高度和响应式布局。

Bootstrap-爱程序网

Bootstrap Switch
Bootstrap开关组件

Bootstrap Switch是对Bootstrap控件的扩充。基于选HTML中基本的选择框控件实现只有开和关两种状态的单选按钮。

Bootstrap-爱程序网

Sco.js
Bootstrap组件增强版

由于大部分的Bootstrap js插件是无法扩展的,因此才有了sco.js,它是对Bootsrap中js插件的增强实现。

Bootstrap-爱程序网

iCheck
增强复选框和单选按钮

iCheck让不同浏览器下的复选框(checkboxes)和单选按钮(radio button)更美观、功能更强。

Bootstrap-爱程序网

bootstrap-wysiwyg
为Bootstrap定制的可视编辑器

bootstrap-wysiwyg是一个jQuery Bootstrap插件(5KB, < 200 行代码)可以将任何一个DIV转变成一个WYSIWYG富文本编辑器。

Bootstrap-爱程序网

Chart.js
精巧的JS图表绘制工具库

Chart.js是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库。

Bootstrap-爱程序网

Preboot
Bootstrap之前世

Preboot是一组用LESS语法书写的混合(mixin)和变量(variable)的集合,目的是辅助用户书写更优美的CSS。Bootstrap的前身就是Preboot。

Bootstrap-爱程序网

jQuery.Pin
固定页面元素的jQuery插件

jQuery.Pin 能将任意页面元素“钉”在某个容器顶部,而且在尺寸小的屏幕上能够自动禁用这种效果。

Bootstrap-爱程序网

Responsive Nav
响应式导航

响应式导航(Responsive Nav)是一个很小的JS插件,压缩之后仅有1.7KB,能帮你创建针对小屏幕的可切换式导航

Bootstrap-爱程序网

Bsie
Bootstrap IE6兼容方案

Bsie弥补了Bootstrap对IE6的不兼容。目前,bsie能在IE6上支持大部分bootstrap的特性,可惜,还有一些实在无法支持...

Bootstrap-爱程序网

Messenger
非常酷的弹框(Alert)组件

Messenger是一个非常酷的弹框(Alert)组件,能够非常好的与Bootstrap融合,当然,单独使用效果也是非常棒。Messenger自带4套皮肤。

Bootstrap-爱程序网

DateTime Picker
日期时间选择器

Bootstrap日期时间选择器(Bootstrap DateTime Picker)是一个Bootstrap组件,能够简化页面上日期、时间的输入。

Bootstrap-爱程序网

jQuery UI Bootstrap
用Bootstrap美化jQuery UI

这套工具让你在使用jQuery UI 控件时也能充分利用Bootstrap的样式,而且不会出现样式不统一的现象,Bootstrap和jQuery UI可以完美融合在一起了!

Bootstrap-爱程序网

Google Bootstrap
Google风格的Bootstrap

Google的UI素来以简洁著称,现在Bootstrap也来Google Style一把,喜欢Google的就来试试这套Google Bootstrap吧!

Bootstrap-爱程序网

Flat UI
Metro风格的Bootstrap

Flat the dangers of mixing valium with other drugs UI是基于Bootstrap做的Metro化改造,由Designmodo提供。Flat UI包含了很多Bootstrap提供的组件,但是外观更加漂亮。再此强烈推荐!

Bootstrap-爱程序网

Metro UI CSS
Bootstrap与Metro融合

Metro UI CSS 是一套用来创建类似于Windows 8 Metro UI风格网站的样式。现在,Metro UI CSS项目在Bootstrap的基础上被开发成一个独立的解决方案。

Bootstrap-爱程序网

Font Awesome
Bootstrap专用图标字体

Font Awesome 中包含的所有图标都是矢量的,也就可以任意缩放,避免了一个图标做多种尺寸的麻烦。CSS对字体可以设置的样式也同样能够运用到这些图标上了。

Bootstrap-爱程序网

Simple Icons
Icon汇

Simple Icons -- Icon汇。收集众多网站的Logo,并提供高质量、不同尺寸的png格式图片给广大网友,所有Icon版权归其所属公司。

Bootstrap-爱程序网

Bootstrap Form Builder
在线表单构造器

Bootstrap 在线表单构造器能够以鼠标拖拽的方式迅速生成一个基于Bootstrap的完整表单,减轻了各位码农手写HTML代码的劳动,而且不会出错。

Bootstrap-爱程序网

HTML5 Boilerplate
专业的前端模版

HTML5 Boilerplate 是一套专业的前端模版,用以开发快速、健壮、适应性强的app或网站。

Bootstrap-爱程序网

W3Cplus
推荐网站

W3CPLUS努力打造最优秀的web 前端学习的站点。Bootstrap中文网推荐广大攻城师多看看上面有价值的资料。

Bootstrap-爱程序网

Web Safe Colors
Web安全色

本表中列出的是WEB设计、开发中常用安全色。列于此是为了方便大家参考。

Bootstrap-爱程序网

Bootstrap v3.0版预览
IE8以下勿入!

这是 Bootstrap CSS v3.0 预览版,正式版发布时间待定。Bootstrap中文网整理之后放上来让广大Bootstrap粉丝先睹为快。记住哦,IE8以下的浏览器退避吧!

Bootstrap-爱程序网

优秀网页设计联盟
推荐网站

优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互动平台和网页设计讲座。

Bootstrap-爱程序网

Bootstrap Docs
Bootstrap文档全集

这里收集了Bootstrap从V1.0.0版本到现在,整个文档的历史。Bootstrap本身就是一个传奇,而这些文档就是传奇的见证!

Bootstrap-爱程序网

Git Guide
Git简易指南

Git简易指南 -- 帮助你开始使用 git 的简易指南,木有高深内容,;)。

Bootstrap介绍。

需要为爱上Bootstrap找N多理由吗? 就在眼前。

Bootstrap-爱程序网

人人为我,我为人人。

@mdo 和 @fat 在Twitter工作时创建,Bootstrap使用 LESS CSS 并用 Node 编译,托管在 GitHub 上,方便大家使用这一框架构建更好的web应用。

Bootstrap-爱程序网

任何人都可以使用。

Bootstrap不光为了看起来好看,而且在现代的桌面浏览器上有极佳的表现(包括IE7!)。在平板电脑和智能手机上面还有 响应式CSS 可以使用。

Bootstrap-爱程序网

丰富的特色。

12列的响应式栅格结构、丰富的组件、JavaScript插件、排版、表单控件,还有 基于web的定制工具