Bootstrap

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

zTree 树形组件结合bootstrap的使用

zTree参数设置 var setting = { view: { showIcon: false //隐藏icon }, data: { key: { chi

2015-07-02 17:30:19

使用Bootstrap网格系统布局网页

2014年3月10日 19:29:10 引入相关文件: <link rel=\"stylesheet\"> <script src=\"../js/jquery-1.8.3.js\"></script> <script src=\"../js/bootstrap.js\"></script> &

2015-07-02 17:30:18

Web前端的学习介绍(截止今天还有Bootstrap没有学,要腾点时间解决掉)

Web前端的学习分为以下几个阶段,具体的学习路线图如图所示。  第一阶段——HTML的学习  超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架,无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给用户。因 此,我们必须掌握HTML的基

2015-07-02 17:30:17

tomcat源码###Bootstrap.load(String[]) line: 256####依赖注入

  //////////////stack Bootstrap.load(String[]) line: 256 /////////////////////////////////////////////方法的依赖注入 private void load(String[] arguments) throws Exception { //

2015-07-02 17:30:17

bootstrap 和datapicker 样式不兼容修复

修改 datepicker.js内的 layout 方法 function(el) { var options = $(el).data(\'datepicker\'); var cal = $(\'#\' + options.id); if (options.extraHeight === fa

2015-07-02 17:30:16

bootstrap导航菜单在ie8下不能正常显示

在你的html静态页面头部加上: <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"> <!--[if lt IE 9]>      <script src=\"https://oss.maxcdn.com/libs/

2015-07-02 17:30:16

在本地运行bootstrap-笔记

前言:版本一定要按照教程指定,安装最后,如有错误,请先检查版本-2014-03-05 步骤目录: 安装Ruby:在Windows系统上当然使用rubyinstaller了 1.9.3 下载 安装Ruby DevKit:开发包 ruby-DevKit-tdm-32-4.5.2-20111229-1559-sfx&nbsp

2015-07-02 17:30:15

twitter bootstrap 2.x 3.x区别

栅格系统 (Grid system)说个我认为比较重要的,相对于RC 1中的3层,现在有4层了 We now have .col-xs (phones), .col-sm (tablets), .col-md (desktops), and .col-lg (large desktops) .col-xs 对应手机设备 .col-sm 对应平板

2015-07-02 17:30:15

Bootstrap代码高亮样式

今天Twitter发布Bootstrap 2.0,修复了许多Bug,增加了不少新样式,同时Bootstrap的代码高亮也是一大亮点,与其他网站的代码高亮不同,淡淡的灰色调配上几个鲜艳而不刺眼的亮色点缀,相当漂亮,看了源码才知道,它是基于google-code-prettify的一套皮肤,于是我就决定把它搬到博客里来,下面是html、css、js的几个demo

2015-07-02 17:30:15

bootstrap 学习笔记(一)

1、css 组件的设计思想 AO模式: append(附加),overwrite(重写)。 也就是利用的css的特性:不同名的样式可以叠加在一起使用,同名的样式后面会覆盖前面的,从而达到组合应用的效果。   2、css组件的8种基本类型 1)基础样式;2)颜色样式;3)尺寸样式;4)状态样式;5)特殊元素样式;6)并列元素样式;7)嵌套子

2015-07-02 17:30:14

Bootstrap中的字体图标

使用 <span > XX文字</span>引入字体图标。一般情况下文字放在span 标签之间,前面加一个空格,获得图标与文字之间的间距。 也可以将文字放在span标签之后。 span标签经常出现在链接中,如将文字放在在span 标签之间,不会出现超链接下划线,如字体图标前面有空格,间距大,也可以将文字放在span标签之

2015-07-02 17:30:14

bootstrap学习笔记 Bootstrap 列表组

本文将介绍列表组。列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个基本的列表组的步骤如下:  向元素ul 添加class list-group 向li添加class list-group-item 下面的示例演示了这点: HTML <ul class=\"list-group\"> <li cl

2015-07-02 17:30:13

bootstrap设计站点中加入�代码高亮插件

这款插件的名字叫做google-code-prettify 使用该插件之前的效果: 使用插件之后的效果: 接下来说步骤: (1)下载两个文件 http://codecloud.sinaapp.com/google-code-prettify/prettify.css http://codecloud.sinaa

2015-07-02 17:30:13

Bootstrap使用笔记

响应式布局:  根据浏览设备的(分辨率)不同来进行不同的布局和内容展现;通过媒体查询 Media Query实现,@media   Chrome调试器盒子模型的颜色:   content    浅蓝色   padding     浅绿色   border     浅黄色   margin    浅棕色   &nb

2015-07-02 17:30:13

微米、客户端-[OMA] DM Bootstrap 设备引导-by小雨

废话就不多说了,开始。。。     

2015-07-02 17:30:12

bootstrap-datetimepicker出现时间选择时年份显示1899年的异常

问题情景: 在angular项目中使用datetimepicker控件。对input中使用ng-model后出现了下拉选择时间年份时从1899年开始的问题。 问题解决: 查网上资料说是给的初始值格式不对,于是检查$scope.time,发觉时间值从后台取出来的多了个0,强制对$scope.time进行格式规范后恢复正常。但是绑定的时候好像还是有些问题。

2015-07-02 17:30:12

bootstrap-如何在modal中使用collapse

问题描述:bootstrap框架中,在modal内加一个collapse,点击collapse,modal也会随着消失 参考资料:https://github.com/twitter/bootstrap/issues/2752 问题解决:  

2015-07-02 17:30:11

clearfix 兼容IE6/IE7,解决ie6/ie7下多出一行的问题,bootstrap的clearfix的bug

.clearfix:before, .clearfix:after { content: \".\"; display: block; height: 0; overflow: hidden; }

2015-07-02 17:30:11

Bootstrap-stickup + zTree 使用方法

要点: 页面尾页的内容必须足够多,否者会造成导航Tab点击效果失效。 zTree 使用PHP 数组组成父亲+儿子的节点

2015-07-02 17:30:11

bootstrap起步 简介整个项目、组件、和如何使用一个简单的模版入门

1. 下载 下载之前先检查一下是否准备好了一个代码编辑器(我们推荐使用 Sublime Text 2) ,你是否已经掌握了足够的HTML和CSS知识以开展工作。这里我们不详述源码文件,但是它们可以随时被下载。在这里我们只着重介绍使用已经编译好的Bootstrap文件进行入门讲解。 下载编译好的文件 快速开始:立即下载编译好的版

2015-07-02 17:30:10