Bootstrap

Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。目前,Bootstrap最新版本为3.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等,助力开发者掌握并使用这一框架。

bootstrap组件

1:Glyphicons 图标 这里注意的是我们需要将boot下载的font文件夹包含在工程中才能正常使用 2:下拉组件 这里我们必须先下载组件文件bootstrap-dropdown.js才能正常的使用这个功能 演示代码: <link rel=\"stylesheet\" > <script type=\"te

2015-08-07 10:10:23

Bootstrap~页面的布局

Bootstrap作为支持响应式布局的一个前端插件,确实发挥着重要的作用,无论你是在手机,平板还是PC上浏览网页,都能达到不错的效果,这一切一切,都是bootstrap带给我们的! 今天主要说下页面的布局,这是最基础的东西了,当我们设计一个站点时,应该为它设计一个全局性的统一的规范页面,这种页面我们叫它布局页,而在页面上体现出来的东西,就是布局的元素,在b

2015-08-07 10:10:21

Bootstrap~表单Form

在进行自己的后台改版时,大体布局都使用了bootstrap,剩下的表单部分没理由不去使用它,对于表单的美化和布局,bootstrap做的也是很不错的,有大气的边框,多功能的按钮及宏观的表单布局,一切都是那么的完整与完美! 普通表单 我们需要将表单元素包裹到form-group类里,一般以<div >...</div>来进行存放

2015-08-07 10:10:18

Bootstrap~Panel和Table

在我们对一个页面进行设计时,分块是必须的,没有一个网站是一栏而下的,除非你是在看小说,否则你的页面设计一定是分块的,即它由于多个panel组件,在bootstrap里叫到栅格系统,而在每行每列进行宏观的布局后,就是在每一个大块里建立小块,而小块可以使用Panel来实现,下面看个例子 <div class=\"panel panel-default

2015-08-07 10:10:16

Bootstrap 3 How-To #2 标题,链接与按钮

这个系列的要点来自一本名为 Twitter Bootstrap Web Development How-to 的书,但是,这本书的内容是基于以前版本的,与最新的 3.0 并不一致。 为了方便学习和使用 BootStrap 3, 这里将内容替换为了当前的 3.0 版。原书可以在 Amazon 买到,$17.99. 原书的内容比较简单,我会尽量补充一些内容。

2015-08-07 10:10:13

关于Breeze.js+Angular.js+KendoUI+BootStrap+TypeScript+EF4.5的使用心得记录之一

提醒:博客开篇之作。望指导。不喜随便喷。 什么也不说,先上图。 就kendoui官网有详细的API说明,不做过多累赘,以下图中用到的控件为例:   一.DropDownList,Grid    页面简洁得体,是我个人比较偏爱的。主要来讲讲DropDownList和GridOnLineEdit结合Angula

2015-08-07 10:10:11

坚持自学的第二天,bootstrap初入门

前言   昨天,初步学完了jekyll目录结构与Liquid语法的应用与认识。 日志   今天刚入门,做了一个bootstrap导航栏,但是选中状态不行,找了JS中写好的API,写法与视频中讲的有点不一样,但还没有尝试。这样的一个小错误,也和过支一样,花了几人小时。但是,还是不得要领,我想看原文档的API,并仔细研究,尝试编码验证还是很重要的。以后的几

2015-08-07 10:10:10

Bootstrap 3 How-To #1 下载与配置

Bootstrap 3 发布了,通过简单的几步,我们就可以使用 Bootstrap 的样式表,图标,以及 javascript 来配置一个简单的站点。 准备 Bootstrap 不仅仅是一个代码集,还是一个在线社区。作为开始,你需要从熟悉 bootstrap 网站开始:http://getbootstrap.com。 目前版本是 3.0 ,你应该看

2015-08-07 10:10:08

ASP.NET MVC使用Bootstrap系列(4)——使用JavaScript插件

序言 Bootstrap的JavaScript插件是以JQuery为基础,提供了全新的功能并且还可以扩展现有的Bootstrap组件。通过添加data attribute(data 属性)可以轻松的使用这些插件,当然你也可以使用编程方式的API来使用。 为了使用Bootstrap插件,我们需要添加Bootstrap.js或者Bootstrap.min


Bootstrap 3 How-To #3 布局

对于 Web 开发来说,一个永远的话题是如何创建一个跨浏览器兼容的布局。许多年来,各种框架使用各种技术来解决这个问题。Bootstrap 使用了一个不同的方式来解决这个问题。基于 960 像素的布局 http://960.gs,bootstrap 提供了更为简单的语法,它还支持响应式布局,布局可以根据设备的不同尺寸进行调整,从桌面计算机到平板和手持设备。

2015-08-07 10:10:06

Metronic – 超赞!基于 Bootstrap 的响应式后台管理模板

  Metronic 是一套精美的响应式后台管理模板,基于强大的 Twitter Bootstrap 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面,6 种颜色可选,76 个模板页面,包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。 您可能感兴趣的相关文章 10大流行 Metro UI 风格

2015-08-07 10:10:04

推荐15款最好的 Twitter Bootstrap 开发工具

  Twitter Bootstrap 自从2011年最初发布到网上后,迅速成为 Web 领域最流行的响应式前端开发框架之一,是网页设计的优秀实践。Twitter Bootstrap 框架包含了众多的预定义风格的组件,插件和加载项。   在这篇文章中,我们想向大家介绍15款最好的 Twitter Bootstrap 开发工具以更好地满足要求以及帮

2015-08-07 10:10:03

【今日推荐】10大流行的 Metro UI 风格的 Bootstrap 主题和模板

  Metro UI 是一种界面展示技术,是 Windows 8 的主要界面显示风格。Metro 界面和 iOS、Android 界面最大的区别在于:后两种都是以应用为主要呈现对象,而 Metro 界面强调的是信息本身,而不是冗余的界面元素。同时在视觉效果方面,这有助于形成一种身临其境的感觉。   如果你的下一个网站项目或 Web 应用程序想使用 Wind

2015-08-07 10:10:03

http://twitter.github.io/bootstrap/

http://twitter.github.io/bootstrap/ http://laravel.com/ php框架

2015-07-10 14:21:38

Laravel 4 Tutorial / Add_Twitter-Bootstrap

from:https://bitbucket.org/beni/laravel-4-tutorial/wiki/Add_Twitter-Bootstrap The Twitter-Bootstrap is a simple front-end framework that is used in many web applications. Y

2015-07-10 14:15:30

java企业级框架 SpringMVC_mybatis or hibernate+ ehcache +shiro+druid+bootstrap+HTML5

开发快报: 页面打印功能,websocket 强制下线功能,玩转websocket技术  【金牌】获取【下载地址】   QQ: 313596790A 代码生成器(开发利器);     增删改查的处理类,service层,mybatis的xml,SQL( mysql  &


仿花田:内部相亲网站 意中人(Asp.net MVC,Bootstrap2)

        起因: 那是七月份了,看见单身的同事在上花田网,当时觉得风格比较清新,还没有世纪佳缘等那些网站那么商业化,加上又看到了bootrstrap,于是就想做个demo出来玩玩。中间自己又在做其他的事情,和web没有关系,也想没事的时候也可以练练web,到上个星期,干脆就发布在公司的内网了。没想到同事们mail


bootstrap之:按钮(button)

btn基础按钮              btn-success 成功按钮    btn-danger 危险按钮 btn-default 默认按钮  btn-info &nbsp

2015-07-02 17:30:42

JQuery 结合 Bootstrap 使用Tab

使用Tab过程中,想要去掉选中TAB时的虚框。 Remove the dotted border from selected tabs You can use a:focus { outline: none; } 

2015-07-02 17:30:31

Bootstrap中glyphicons-halflings-regular.woff字体报404

  F12 调试看到 发现有个glyphicons-halflings-regular.woff文件没有找到。 下载字体,但是还是报错。 有可能是不支持.woff.修改根目录配置文件web.config   <staticContent> <remove fileExtension=\"

2015-07-02 17:30:31