自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

ling811的专栏

随心所动,自由翱翔

  • 博客(44)
  • 问答 (1)
  • 收藏
  • 关注

原创 bootstrap3的panel(折叠窗口或手风琴效果)

1、一些被修改的:       2.3版本的                                                    3.0版本.accordion.panel-group.accordion-group.panel .panel-default.accordion-heading

2013-11-25 17:57:12 7805

原创 bootstrap3的.tabel .danger

2.3版本的                       3.0版本.table .error.table .danger通过这些状态class可以为行货单元格设置颜色。Class描述.active鼠标悬停在行或单元格上时所设置的颜色.success标

2013-11-25 16:47:40 1078

原创 bootstrap的text-muted和text-danger

1、和修改的版本对比    2.3版本                                 3.0版本.muted.text-muted.text-error.text-danger这些class通过颜色来表示强调。也可以应用于链接,当鼠标盘旋于链接上时,其颜色会变深,就像默认的链接样式。2、实验代码:

2013-11-25 16:09:12 28385 1

原创 bootstrap3的list-unstyled和list-inline

1、相对应的版本2.3版本           3.0版本ul.unstyled.list-unstyledul.inline.list-inlinelist-unstyled  无样式列表移除了默认的list-style样式和左侧外边距的一组元素(只针对直接子元素)。这这是针对直接子元素,也就是说,你需要对所

2013-11-25 15:36:24 6417

原创 bootstrap3的img-thunbnail和img-responsive

新增的img-responsive3.2版本                                 3.0版本.img-polaroid.img-thumbnail响应式图片通过添加.img-responsive class可以让Bootstrap 3中的图片对响应式布局的支持更友好。其实质是为图片赋予了ma

2013-11-25 15:07:41 14506

原创 bootstrap3的 progress 进度条

1、被修改的两个标签词:2.3版                                                                                       3.0版.bar.progress-bar.bar-*.progress-bar-*2、代码:无标

2013-11-25 11:05:38 4446 1

原创 bootstrap3的visible-*

1、visible-*是根据屏幕的宽度来显示内容的,用于手机浏览器。2、代码:无标题文档 .col-xs-6 .col-sm-3 visible-xs 通过调整浏览器的宽度或在手机上即可查看这些案例的实际效果。 .col-xs-6 .col-sm-3 被隐藏的v

2013-11-25 10:03:58 6291

原创 bootstrap3的alert-danger

1、alert-danger:      2.3版本的alert-error       3.0版本alert-danger     其它几个没变。2、实验代码:无标题文档 成功! 这个是 成功 的提示! 小心! 这个是 小心 的提示! 警告!

2013-11-24 16:38:43 3528

原创 bootstrap3的新增和修改的btn-*用法

1、新增的btn-*按钮:btn-group-lg、btn-group-xs、btn-group-sm,这三个是按钮组的大小      修改后的按钮属性:       2.*版                  3.0版 .btn                     .btn .btn-default.btn-mini    .btn-xs.btn-

2013-11-24 16:00:06 3409

原创 bootstrap3的jumbotron和glyphicon glyphicon-*的用法

1、jumbotron相对应的2.3的版本是hero-unit  2、glyphicon-* 相对应的2.3版本是icon-*用glyphicon-*的时候要注意写作方式,这个方式的必须在引用图标时候前面必须加个glyphicon例如:3、实验代码:无标题文档 这个是glyphicon 这个大框是jumbotron4、效果图:

2013-11-23 18:56:27 4457

原创 升级后的bootstrap3的navbar-brand、navbar-collapse、navbar-toggle、navbar-header、navbar-text、navbar-btn的小实验

1、升级后的bootstrap 3.0.2版本的这些里面的东西换了些名字,新增了,删除了些标签,不过功能还都是一样的。2、小实验代码:无标题文档 Toggle navigation Brand

2013-11-23 18:00:44 19418

转载 bootstrap从2.*到3.0的一些class变化

从2.x升级到3.0版本Bootstrap 3并不向后兼容Bootstrap v2.x。下面章节列出的内容可以作为从v2.x升级到v3.0的通用指南。如果需要更多信息,可以查看更新记录这篇官方博文。class的主要变化表格中列出了v2.x 和 v3.0之间样式表的变更。Bootstrap 2.xBootstrap 3.0.containe

2013-11-23 15:01:35 1700

原创 对yii的初理解

yii是一个基于组件的高性能的php框架,它用于快速的开发大型的web项目,yii使用web开发中的可复用性最大化,可以提高web应用的开发速度。yii的名字代表着  简单(easy) 高效(efficient) 可扩展(extensible)。yii的配置环境需求要在于 php 5.1.0或者以上版本的web服务器,而且yii是纯面向对象的(OOP)框架。yii通用性很强,是个轻量级的具

2013-11-23 13:53:19 788

转载 yii -- 路由

路由 yii的控制器和动作以 ID 识别。控制器 ID 是一种 'path/to/xyz' 的格式,对应相应的控制器类文件protected/controllers/path/to/XyzController.php, 其中的标志 xyz 应被替换为实际的名字 (例如 post对应 protected/controllers/PostController.php). 动作 ID

2013-11-23 13:11:32 665

原创 samba共享

Ubuntu版本的装法:步骤:1、安装samba      sudo aptirude install samba      sudo aptitude install smbclint2、创建账号   sudo  /usr/sbin/groupadd www    sudo /usr/sbin/useradd -g www www3、创建共享文

2013-11-22 16:13:09 745

转载 linux -- aptitude

概述aptitude 是 Debian GNU/Linux 系统中, 非常神奇的的软件包管理器,基于大名鼎鼎的 APT 机制, 整合了 dselect 和 apt-get的所有功能, 并提供的更多特性,特别是在依赖关系处理上。aptitude与 apt-get 一样,是 Debian 及其衍生系统中功能极其强大的包管理工具。与 apt-get 不同的是,aptitude在处理依赖问题上更佳

2013-11-22 10:59:58 636

转载 linux -- sudo

sudo:是linux系统管理指令,是允许系统管理员让普通用户执行一些或者全部命令的root命令的一个工具,如halt,reboot,su等。这样不仅减少root用户的登陆和管理时间,也提高了安全性。sudo不是吧对shell的一个替代,它是面向每个命令。1概述它的特性主要有这样几点:§ sudo能够限制用户只在某台主机上运行某些命令。§ sudo提供了丰富的日志,详细地记录了

2013-11-22 10:34:14 711

原创 bootstrap中的typeahead

无标题文档 $('.typeahead').typeahead()效果图:

2013-11-21 16:30:58 1232

原创 bootstrap中的carosel

实验代码:无标题文档 第1张 这是第1张图

2013-11-21 15:09:00 910

原创 bootstrap中的accordion

无标题文档 卡1 卡1内容 卡2

2013-11-21 14:00:29 3969

原创 bootstrap中的popovers

代码段: 向上显示 向下显示 向左显示 向右显示 $('a').popover()效果图:

2013-11-21 12:01:54 1036

原创 bootstrap中的tooltip

1、注意自己的替换成自己引用的文件路径。2、实验代码: $(function(){ var log = function(s){ window.console && console.log(s) } $('.muted a').tooltip({ placement:"buttom" }) }) "这是

2013-11-21 10:12:09 1149

原创 bootstrap中的dropdown

dropdown的下拉试验(带子菜单): 下拉 111 222 333

2013-11-20 17:40:48 1463

原创 bootstrap中的modals

modals的静态试验: ×modal头部 肚纸~~~ 关闭 保存退出 效果图:

2013-11-20 15:47:21 878

原创 bootstrap中的 progress bar

progress bar 中包含了:progress、 progress-striped、 progress-danger、 progress-info、 progress-success、 progress-warning。可以根据自己的需要来组合进度条的样式外观。 效果图:

2013-11-20 14:49:23 2587

原创 bootstrap中的alerts

alerts的用法: 关闭 警告!这是个警告标语~!效果图:

2013-11-20 13:15:11 2802

原创 bootstrap中的thumbnails

thumbnails的用法: 效果图:

2013-11-20 11:51:26 4521

原创 bootstrap中的page headers 和 hero unit

1、page headers的用法: 我是个大标题~!!!第二个 效果图:2、hero unit用法: 我是个大标题~!!!第二个 hero unit 效果图:

2013-11-20 11:27:50 2135

原创 bootstrap中的badges

badges中有:badge、badge-warning、badge-important、badge-info、badge-inverse现在只实验两个,用法和lables的用法类似 名称: 介绍 b

2013-11-20 11:06:57 2230

原创 bootstrap中的lables的各个用法

名称: 介绍 label class="label" label-important class="label label

2013-11-20 10:56:16 2410

原创 booststrap中的navbar

1、bootstrap的navbar的实验: 首页 1页 2页

2013-11-20 10:05:58 1663

原创 bootstrap中的Navigational tabs, pills,和lists标签

1、Navigational tabs标签用法,简单的实验: 1 2 1111

2013-11-19 17:55:10 1330

原创 bootstrap 中的 button dropdowns

button dropdowns 下拉按钮1、在使用这些按钮时要注意它们都是引用了那些文件,如果忘了引用相关联的文件,有些功能就不会实现的2、下拉按钮例子: down 1 2 0 3 4 3、学习中...  陆续上

2013-11-19 17:15:20 919

原创 bootstrap中的button groups

<head> <link rel="stylesheet" href="./public/bootstrap/css/bootstrap-combined.min.css"></head><body><div class="btn-toolbar"><div class="btn-group"> <button calss="btn">按钮1</button> <button calss="btn">按钮2</button></div><div class="btn

2013-11-19 14:29:33 875

原创 bootstrap的使用

1、经过指点和查资料终于知道了bootstrap是如何使用的,在官网上下载你自己需要的用的版本。2、我们常见的用法就是把解压好的文件夹放到你的项目中用引用你需要的文件3、注意有的浏览器不知道怎么回事,不支持bootstrap里的css文件。4、例:       bootstrap中的span4和span8的例子: content

2013-11-19 11:49:56 1389

转载 jquery选择器之层次选择器

层次选择器中包括:1、ancestor descendant 使用"form input"的形式选中form中的所有input元素.即ancestor(祖先)为from, descendant(子孙)为input.例:$("bgRed div") 选择css类为bgRed的元素中的搜有元素。2、parent > child 选择parent的直接子节点chid。child必须包含在pa

2013-11-19 09:21:39 811

转载 jquery选择器之伪类选择器

伪类选择器::nth-child的用法:nth-child是一个css3伪类选择符,在jQuery中被实现了,在Jquery API中对nth-child的定义是:”匹配其父元素下的第N个子或奇偶元素“。例  伪类nth-child实现隔行换色 jQuery实现隔行变色 $(function(){ $("#tbEmp tr:nth-chi

2013-11-18 18:05:15 3868 1

转载 jquery选择器之属性选择器

属性选择器中的类别:1、[attribute]      匹配包含给定属性的元素      例:查找所有含id属性的div元素;$("div[id]");2、[attribute=value]     匹配给定的属性是某个特定值的元素                 例:查找所有name属性是newsletter的input元素:$("input[name="newsletter"]").

2013-11-18 17:28:16 885

转载 jquery选择器中基本选择器

基本选择器中的各个小类:1、id选择器  根据给定的id匹配个元素 $(function(){ $('#bt1').click(function(){ alert('id选择器:'+$('#d1').html()

2013-11-18 14:22:17 860 1

原创 jquery中的选择器简介

jquery选择器有几种大类,而这几种大类中又包含了很多小类,在这里先基本的介绍下这些选择器。大类中基本有:1、基本选择器   basics  1.id选择器   2.class选择器   3.element选择器   4.*选择器   5.并列选择器2、层次选择器     1.parent > child(直系子元素)  2. prev + n

2013-11-18 13:37:38 708

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除