资讯频道 → Web前端
阅读更多

12顶
0踩

Web前端

原创新闻 Twitter发布Bootstrap 2.0

2012-02-02 12:07 by 资深编辑 luiang1018 评论(11) 有9894人浏览
Bootstrap Twitter CSS框架

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

Twitter今天其开发者博客正式发布了Bootstrap 2.0，源代码已在GitHub上公布。


Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成，与CSS框架Blueprint存在很多相似之处。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的code.nasa.gov和MSNBC（微软全国广播公司）的Breaking News都使用了该项目。

Bootstrap 2.0的一个重大改进是添加了响应设计特性，在1.0中它并不支持，这让很多开发人员抱怨。而且为了提供更好地针对移动设备的响应式设计方案，Bootstrap 2.0采用了更为灵活的12栏网格布局。此外，它还更新了一些进度栏以及可定制的图片缩略图，并增加了一些新样式。值得关注的是，Bootstrap是一个非常轻量级的框架，2.0在压缩后也只有10KB。

更多详细信息请参考Twitter的官方指南和演示示例。

  • 大小: 31 KB
12
顶
0
踩
评论 共 11 条 请登录后发表评论
11 楼 elei7758521 2014-01-21 16:20
谁用过，bootsrap2都兼容那些浏览器啊
10 楼 wenzhixin 2012-04-12 09:08
学习下~~~
9 楼 weiqiang.yang 2012-02-03 16:21
grid layout设计挺不错的，比较适合我们这种没有配美术的程序猿～有什么用什么就能做出不错的界面
8 楼 毕竟红尘 2012-02-03 10:03
congdepeng 写道
2.0 的class更容易查找，例如
class="label success" 变成了 class="label label-success"
class="btn success" 变成了 class="btn btn-success"

像这种细节都考虑到，那这个框架的作者们还真是贴心
7 楼 aixinnature 2012-02-03 09:40
确实是小而精的框架，支持响应不同尺寸屏幕的布局，很强大
6 楼 iamxi 2012-02-03 09:37
额，看着不错，学习下
5 楼 congdepeng 2012-02-03 09:22
2.0 的class更容易查找，例如
class="label success" 变成了 class="label label-success"
class="btn success" 变成了 class="btn btn-success"
4 楼 witcheryne 2012-02-03 09:10
改动不小啊！ 升级升之...

js plugins 还是没 datepicker
之前在pull request里看到过.  2.0没合并 nnd 有点小失望
3 楼 mymobisoft 2012-02-02 21:26
小而美,简约而不简单
2 楼 myaniu 2012-02-02 15:52
便于开发人员在没有美工的参与下做出不错的UI。推荐。
1 楼 liukai 2012-02-02 14:29
很不错的框架.
推荐~

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 35套模版基于Bootstrap 2.0-3.2网站模版

    Metronic 是一套精美的响应式后台管理模板，基于强大的 Twitter Bootstrap 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面，6 种颜色可选，76 个模板页面，包括图表、表格、地图、消息中心、监控面板等后台...

  • Twitter Bootstrap 2.0

    Twitter Bootstrap 2.0 http://sd.csdn.net/a/20111215/309153.html PhoneGap 《3D数学基础》 http://www.zcool.com.cn/美术网站 java 文件热替换：http://maidingding.iteye.com/blog/960504 ...

  • bootstrap-multiselect：基于Twitter Bootstrap的JQuery multiselect插件

    另请查看 （Twitter Bootstrap插件），以使用可视化密码强度。 执照 Apache许可证，版本2.0 版权所有（c）2012-2021 根据Apache许可版本2.0（“许可”）许可； 除非遵守许可，否则不得使用此文件。 您可以在获得...

  • Twitter Bootstrap 101：2.0简介

    Twitter Bootstrap的2.0版为已经非常强大的前端开发框架添加了一些出色的新功能。 如果您不熟悉Twitter Bootstrap，则需要将其签出。 而且，如果您一直在使用Bootstrap，可能会发现有机会一起逐步了解其一些关键功能...

  • 如何使用Twitter Bootstrap获得中心内容？

    #3楼 If you are using Bootstrap 2.0+ 如果您使用的是Bootstrap 2.0+ This can make the div centered to the page. 这可以使div以页面为中心。 //your content here gets centered of the page #4楼 Any text-...

  • bootstrap-ajax-typeahead：Twitter Bootstrap Ajax Typeahead插件

    特征选择项目时可以使用回调函数能够指定数据源属性能够使用本地或远程（AJAX）数据源大多数原始方法都是可重写的，因此您可以自定义而不更改源代码必需的Twitter Bootstrap 2.0+ jQuery 1.8+安装下载克隆仓库： git...

  • 什么是 Twitter Bootstrap？

    去年，Mark 在自己网站发布了一套基于 Less [2] 框架的工具合集（mixins）—— Bootstrap.less [3]，方便前端开发（静态部分）。秉承他在 Twitter 的一贯设计风格，同时考虑到国外用户的大环境，使用了大量超出现有...

  • Twitter发布Bootstaps 2.0，添加响应设计特性

    Bootstrap2.0即将面世，本文作者Scott Gilbertson，介绍了2.0版本教1.0版本中改进的一些功能。 Twitter准备发布Bootstrap 2.0。Bootstrap2.0是开源前端工具包的第二大版本，这个工具包面向web开发者，并

  • 从Twitter退出Bootstrap

    Twitter 最近推出了Bootstrap ，这是一个CSS样式库，面向需要一些设计帮助的Web应用程序开发人员。 该工具包包括从网格布局到按钮和模式的所有内容，并且可以在几乎所有现代浏览器上使用，一直到IE7。 让我们看看...

  • bootstrap做后台

    Bootstrap 环境安装 Bootstrap 安装是非常容易的。本章将讲解如何下载并安装 Bootstrap，讨论 Bootstrap 文件结构，并通过一个实例演示它的用法。 下载 Bootstrap 您可以从 http://getbootstrap.com/ 上下载 ...

  • django-bootstrapped：可重用的Django应用程序，用于快速集成Twitter的Bootstrap工具包

    Twitter的Bootstrap工具包中的任何文件都没有被修改并保留其Apache 2.0许可证。 注意：此应用程序仅适用于Django 1.3及更高版本。 安装 pip install django-bootstrapped 配置 将自举目录添加到您的Python路径。 ...

  • Bootstrap2.0后台网页html模板分享

    本网页模板是Bootstrap的一个后台网页模板，可用于内容管理系统前台界面的UI样式，非常适合一些管理系统作为前台界面进行展示。

  • Twitter Bootstrap 101：简介

    Twitter的Bootstrap是一组精心制作的优秀用户界面元素，布局和javascript工具，可在您的下一个Web设计项目中免费使用。... 当Mark Otto（ @mdo ）和Jacob Thornton（ @fat ）在2011年8月向世界发布Twitter Bootst...

  • Twitter Bootstrap的树视图 - Bootstrap Tree View

    Twitter Bootstrap的树视图 - Bootstrap Tree View http://jonmiles.github.io/bootstrap-treeview/ Bootstrap树视图   一个简单而优雅的解决方案，可以显示分层树结构（即树视图），同时利用Twitter Bootstrap...

  • bootstrap导航栏_Twitter Bootstrap 101：导航栏

    Twitter Bootstrap 2.0的一大功能是其出色的响应式导航栏。 在这个简短的教程中，我们将解决许多问题，包括导航栏文档，更新示例文件以及查看必要JavaScript。 在这些截屏视频中，我们将介绍以下内容： 我们将...

  • twittstrap, Flavored Twitter Bootstrap 版本，使用较少.zip

    twittstrap, Flavored Twitter Bootstrap 版本，使用较少 这是我们的平板电脑，它是著名的英镑 。更新: Twittsrap现在使用的字体和地铁 butttons 。... Credits通过 @mdo 和 @fat 许可 v2.0，Twitter Bootstrap

  • 使用Twitter Bootstrap，WebSocket，Akka和OpenLayers玩（2.0）

    框架及其最新发布的版本2.0，使用Java API。 我从Play的网络聊天室开始！ 2.0个样本。 原型的目的是在地图上显示正在行驶的车辆。 车辆的位置通过REST调用发送到服务器（最后，它将由Android应用程序发送），并且...

  • Twitter Bootstrap：前端框架利器

    Twitter推出的Bootstrap能够帮助Web前端开发者摆脱这种重复劳动。 Bootstrap的历史 为了应对复杂的需求，早期的Twitter前端工程师在开发网站时几乎采用了所有自己熟悉的前端库。造成了网站维护困难、扩展...

  • bootstrap 横铺 行_Bootstrap

    教程是基于 Bootstrap 版本 2.0。在版本 2.0 中，Bootstrap 为手机、平板电脑、笔记本、小型台式机、大型宽屏台式机等添加了响应特性。可以通过向页面添加 bootstrap-responsive.css 文件(位于 docs\assets\css 下)...

  • pandas-1.3.5-cp37-cp37m-macosx_10_9_x86_64.zip

    pandas whl安装包，对应各个python版本和系统(具体看资源名字)，找准自己对应的下载即可！ 下载后解压出来是已.whl为后缀的安装包，进入终端，直接pip install pandas-xxx.whl即可，非常方便。 再也不用担心pip联网下载网络超时，各种安装不成功的问题。

Global site tag (gtag.js) - Google Analytics