http://twitter.github.com/bootstrap/

【http://twitter.github.com/bootstrap/】的更多相关文章

http://twitter.github.com/bootstrap/

原文发布时间为:2012-05-22 -- 来源于本人的百度文章 [由搬家工具导入] http://twitter.github.com/bootstrap/…

GitHub托管BootStrap资源汇总（持续更新中…）

Twitter BootStrap已经火过大江南北,对于无法依赖美工的程序员来说,这一成熟前卫的前端框架简直就一神器,轻轻松松地实现出专业的UI效果.GitHub上相关的的开源项目更是层出不穷,在此整理列举一些感觉不错的组件或增强实现,供大家借鉴. 显示 MESSENGER替换alert()消息和其他用户交互通知. JQUERY.TOCIFY.JS可以用Bootstrap或jQueryUI主题的Jquery表格组件. BOOTSTRAP-PROMPTS实现替换alert(), prompt(),…

GitHub托管BootStrap资源汇总

MESSENGER替换alert()消息和其他用户交互通知. JQUERY.TOCIFY.JS可以用Bootstrap或jQueryUI主题的Jquery表格组件. BOOTSTRAP-PROMPTS实现替换alert(), prompt(),confirm()通知的Bootstrap组件. SUBNAV FOR BOOTSTRAP 2一个展示如何在Bootstrap导航菜单中实现SubNavs的例子. JQUERY-BOOTSTRAP-SCRIPTING基于BootStrap实现的JQuery…

Twitter Bootstrap深受开发者喜爱的11大理由

Bootstrap,作为创新技术框架,使开发者.设计者更容易.更快捷.更出色地完成网站及应用的搭建工作.如果你还没有使用Twitter Bootstrap,建议你去了解一下.Bootstrap为开发者提供了众多工具. Bootstrap之所以广泛流行,其深受欢迎的原因是什么呢? 1.节省时间利用Bootstrap,你将有更多的时间用来挣钱.Bootstrap库中包含很多现成的代码片段,这些代码可为你的网站增加更多活力.Web开发者不必再花费时间.费力地编码,只需找到合适的代码,插入到合适位置即…

Twitter Bootstrap 中文帮助文档

http://wrongwaycn.github.io/bootstrap/docs/index.htmlTwitter Bootstrap 中文帮助文档翻译得很不错~~~ 但是,还是要看英文文档 http://twitter.github.io/bootstrap/base-css.html…

翻译：使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 6 - 业务逻辑

Part 3: 设计逻辑层:核心开发如前所述,我们的解决方案如下所示: 下面我们讨论整个应用的结构,根据应用中不同组件的逻辑相关性,分离到不同的层中,层与层之间的通讯通过或者不通过限制.分层属于架构风格,在应用的长时间生命周期中,解决维护和扩展问题.所以,让我们在解决方案中添加一个类库项目,命名为 Application.Common. Application.Common : 这是一个类库项目, 提供公共功能,可以被不同的业务逻辑层使用.例如:安全,日志,跟踪,验证等等. 定义在这个层中的组…

Bootstrap库之Modals

Bootstrap库之Modals. Bootstrap是Twitter推出的一个开发工具包,包含了一些比较常用的CSS,JavaScript代码.使用Bootstrap可以加快前端开发的速度.本站(陈盛智博客)就是使用了Bootstrap. 本文不是介绍Bootstrap,而是介绍使用Bootstrap中的一个JS特效——Modals. 注意:Bootstrap的JavaScript效果是需要搭配JQuery使用的! Modals是什么?点击这个按钮查看Demo! 下面建立一个Modal示例,…

BootStrap入门教程 (一)

BootStrap入门教程 (一) 2011年,twitter的"一小撮"工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用.优雅.灵活.可扩展的前端工具集--BootStrap.Bootstrap由MARK OTTO和Jacob Thornton所设计和建立,在github上开源之后,迅速成为该站上最多人watch&fork的项目.大量工程师踊跃为该项目贡献代码,社区惊人地活跃,代码版本进化非常快速,官方文档质量极其高(可以说是优雅),同时涌现了…

纯手工打造漂亮的瀑布流，五大插件一个都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox！

前两天写的文章<纯手工打造漂亮的垂直时间轴,使用最简单的HTML+CSS+JQUERY完成100个版本更新记录的华丽转身!>受到很多网友的喜爱,今天特别推出姊妹篇<纯手工打造漂亮的瀑布流,五大插件一个都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox!>,希望大家喜欢! 前言 FineUI控件库发展至今已经有 5 个年头,目前论坛注册的QQ会员 5000 多人,捐赠用户 500 多人(捐赠用户转化率达到10%以上,在国内开源领域相信这…

bootstrap - typeahead自动补全插件

$('#Sale').typeahead({ ajax: { url: '@Url.Action("../Contract/GetSale")', //timeout: 300, method: 'post', triggerLength: , loadingClass: null, preProcess: function (result) { return result; } }, display: "Value", val: "ID", i…

如何使用开源库,吐在VS2013发布之前,顺便介绍下VS2013的新特性"Bootstrap"

刚看到Visual Studio 2013 Preview - ASP.NET, MVC 5, Web API 2新功能搶先看看了下VS2013带来的"新特性",直觉上看,除了引入"Bootstrap"库以外,最大的变化就是.net Framework 4.5以下的都不支持了.也就是说,如果不把.net库升级成.net Framework4.5, 那么MVC, WebApi等等都用不了了. MS之所以这么做,原因无非两点. 1.把开源的东西拿过来简单包装下,卖钱.…

添加Bootstrap 到MVC项目中（vs2010）

环境:Visual Studio 2010 ASP.NET MVC3 手动添加: 下载地址:http://twitter.github.com/bootstrap/ 一个js,两个css,两张图 js 文件: •bootstrap.min.js CSS 文件: •bootstrap.min.css •bootstrap-responsive.min.css image 文件: •glyphicons-halflings.png •glyphicons-halflings-white…

Bootstrap页面布局13 - BS按钮

bootstrap中的按钮类一般可以作为按钮的标签有:<a></a> <button></button> <input type='button' />上面如图: 如果要改变按钮的尺寸: .btn-large:尺寸最大: .btn-small:尺寸中等: .btn-mini:尺寸最小为按钮添加小图标: i标签表示添加的小图标: icon-comment 图标的颜色:默认是黑色,还可以设定白色为 .icon-white <butto…

(转帖)BootStrap入门教程 (一)

2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用.优雅.灵活.可扩展的前端工具集--BootStrap.Bootstrap由MARK OTTO和Jacob Thornton所设计和建立,在github上开源之后,迅速成为该站上最多人watch&fork的项目.大量工程师踊跃为该项目贡献代码,社区惊人地活跃,代码版本进化非常快速,官方文档质量极其高(可以说是优雅),同时涌现了许多基于Bootstrap建设的网站:界面清新.简洁;…

AngularJs+bootstrap搭载前台框架——准备工作

1.关于什么是AngularJs以及什么是bootstrap我就不多说了,简单说下,AngularJs是一个比较强大前台MVC框架,bootstrap是Twitter推出的一个用于前端开发的开源工具包,可以迅速搭建web前台,可以去官网看看(AngularJs:http://angularjs.org/ ,bootstrap:http://twitter.github.io/bootstrap/). 2.github上有一个比较好的纯净AngularJs app的种子,可以去github下载,地…

BootStrap入门教程 (一) ：手脚架Scaffolding（全局样式(Global Style),格网系统(Grid System),流式格网(Fluid grid System),自定义(Customing),布局(Layouts)）

2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用.优雅.灵活.可扩展的前端工具集--BootStrap.Bootstrap由MARK OTTO和Jacob Thornton所设计和建立,在github上开源之后,迅速成为该站上最多人watch&fork的项目.大量工程师踊跃为该项目贡献代码,社区惊人地活跃,代码版本进化非常快速,官方文档质量极其高(可以说是优雅),同时涌现了许多基于Bootstrap建设的网站:界面清新.简洁;要素…

用bootstrap结合php搭建MIS系统框架【转载】

bootstrap目前比较火,抽空简单了解一下官方介绍:Bootstrap, from Twitter基于HTML,CSS,JAVASCRIPT的简洁灵活的流行前端框架及交互组件集 http://twitter.github.com/bootstrap/ http://wrongwaycn.github.com/bootstrap/docs/ 推荐2款我试用的Bootstrap JavaScript插件 jqBootstrapValidation验证控件 http://reactiverave…

BootStrap学习1 输入提示

首先参考这个页面http://www.bootcss.com/javascript.html#typeahead 我只是把里面最基本的东西抠出来了 <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=…

[置顶] 纯手工打造漂亮的瀑布流，五大插件一个都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox！

前两天写的文章<纯手工打造漂亮的垂直时间轴,使用最简单的HTML+CSS+JQUERY完成100个版本更新记录的华丽转身!>受到很多网友的喜爱,今天特别推出姊妹篇<纯手工打造漂亮的瀑布流,五大插件一个都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox!>,希望大家喜欢! 前言 FineUI控件库发展至今已经有 5 个年头,目前论坛注册的QQ会员 5000 多人,捐赠用户 500 多人(捐赠用户转化率达到10%以上,在国内开源领域相信这…

使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 6 - 业务逻辑

翻译:使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 6 - 业务逻辑 Part 3: 设计逻辑层:核心开发如前所述,我们的解决方案如下所示: 下面我们讨论整个应用的结构,根据应用中不同组件的逻辑相关性,分离到不同的层中,层与层之间的通讯通过或者不通过限制.分层属于架构风格,在应用的长时间生命周期中,解决维护和扩展问题.所以,让我们在解决方案中添加一个类库项目,命名为 Application.Common. Applicatio…

瀑布流，五大插件一个都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox！

纯手工打造漂亮的瀑布流,五大插件一个都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox! 前两天写的文章<纯手工打造漂亮的垂直时间轴,使用最简单的HTML+CSS+JQUERY完成100个版本更新记录的华丽转身!>受到很多网友的喜爱,今天特别推出姊妹篇<纯手工打造漂亮的瀑布流,五大插件一个都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox!>,希望大家喜欢! 前言 FineUI控件库…

如何使用开源库,吐在VS2013发布之前,顺便介绍下V2013的新特性"Bootstrap"

如何使用开源库,吐在VS2013发布之前,顺便介绍下VS2013的新特性"Bootstrap" 刚看到Visual Studio 2013 Preview - ASP.NET, MVC 5, Web API 2新功能搶先看看了下VS2013带来的"新特性",直觉上看,除了引入"Bootstrap"库以外,最大的变化就是.net Framework 4.5以下的都不支持了.也就是说,如果不把.net库升级成.net Framework4.5, 那…

BootStrap学习从现在开始

前言原文链接 http://aehyok.com/Blog/Detail/6.html 当下最流行的前端开发框架Bootstrap,可大大简化网站开发过程,从而深受广大开发者的喜欢.本文总结了Bootstrap之所以广泛流传的11大原因.如果你还没有使用Twitter Bootstrap,建议你去了解一下.我也是最近才有所发现的,不过有更好的消息,在前两天微软发布的VS2013正式版中,也已经将BootStrap3.0的版本加入了额,连微软都看到bootStrap的强大,而且它的确很不错,所以…

<转载>Bootstrap 入门教程 http://www.cnblogs.com/ventlam/archive/2012/05/28/2520703.html 系列

Bootstrap建立了一个响应式的12列格网布局系统,它引入了fixed和fluid-with两种布局方式.我们从全局样式(Global Style),格网系统(Grid System),流式格网(Fluid grid System),自定义(Customing),布局(Layouts),响应式设计(Responsive Design)这六五个方面深入讲解Boostrap的scaffolding. 全局样式(Global Style).Bootstrap要求html5的文件类型,所以必须在每…

Bootstrap——优秀的开源前端框架

Bootstrap是著名的社交网站.微博的先驱Twitter在2011年8月推出的开源WEB前端框架,集合CSS和HTML,使用了最新的浏览器技术,为快速WEB开发提供了一套前端工具包,包括布局.网格.表格.按钮.表单.导航.提示等等.使用Bootstrap可以构建出非常优雅的前端界面,而且占用资源非常小. Bootstrap发布时间不长,但是已经非常成熟了,目前最新版本是2.0,包括完整的CSS编译和非编译版本,样例模板和Javascript插件. 历史早期Twitter的前端工程师几乎采用…

Twitter Typeahead plugin Example

原文网址: http://dhtmlexamples.com/2012/02/27/using-the-typeahead-plugin-with-twitter-bootstrap-2-and-jquery/ 这个例子肯定能用,考到记事本里,然后另存为html,见证奇迹吧! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <tit…

CSS框架Bootstrap

作为一个软件开发人员,经常接触和使用框架是再平常的事情不过了.但是这些框架基本都是和语言相关的,比如WEB框架SpringMVC,JavaEE框架Spring,ORM框架Hibernate,还有JavaScript框架jQuery. 可是CSS也有框架,很多人却没有听说过.CSS也能有框架,CSS框架有什么用,能干什么?不亲自看看,还真想不出来.所有做前台,甚至做后台的工程师都有必要去看一看,必有收获.原来CSS可以这样写,这样用,CSS真的可以有框架. 项目地址:http://twitter.…

bootstrap-modal 学习笔记源码分析

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,怎么用直接官网 http://twitter.github.io/bootstrap/ 我博客的定位就是把这些年看过的源码给慢慢的总结出来,才疏学浅,不到位的见谅~ css部分呢Bootstrap由动态CSS语言Less写成,在很多方面类似CSS框架Blueprint Bootstrap自带了13个jQuery插件,jquery这个东东,也是个版本帝,现在都10.1了… 一直做移动app,都是用的自己的框架或者zepto,j…

优秀工具推荐：超实用的 CSS 库，样板和框架

当启动一个新的项目,使用 CSS 框架或样板,可以帮助您节省大量的时间.在这篇文章中,我编译整理了我最喜欢的 CSS 样板,框架和库,帮助你在建立网站或应用程序时更加高效. 您可能感兴趣的相关文章精心挑选的在线 CSS3 代码生成工具 14个支持响应式设计的流行前端开发框架推荐10个特别方便的 CSS3 开发工具推荐收集的40款优秀的免费 CSS 工具你想不到的!CSS 实现的各种球体效果 Bootstrap 如果你想给你的新项目的专业的外观和感觉,Boostrap 可能是你需要的工具.…

CSS3 Media Queries 片段

CSS3 Media Queries片段在这里主要分成三类:移动端.PC端以及一些常见的响应式框架的Media Queries片段. 移动端Media Queries片段 iPhone5 @media screen and (device-aspect-ratio: 40/71) {} 或者: @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2…