自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 收藏
  • 关注

转载 bootstrap3的新增和修改的btn-*用法

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

2013-11-25 18:38:23 1093

转载 bootstrap3的alert-danger

bootstrap3alert-dangeralert-link1、alert-danger:      2.3版本的alert-error       3.0版本alert-danger      新增的alert-link     其它几个没变。2、实验代码:[html] view plaincopy>  ht

2013-11-25 18:37:52 1431

转载 bootstrap3的visible-*

响应式工具通过使用这些工具class可以根据屏幕和不同的媒体查询显示或隐藏页面内容,加速针对移动设备的开发。尝试使用这些class并避免创建同一个网站的不同版本,从而能够完善不同设备上的显示效果。响应式工具目前只是针对块级元素, 不支持inline元素和表格元素。可用的class通过单独或联合使用以下列出的class,可以针对不同屏幕尺寸隐藏或显示页面内容。

2013-11-25 18:36:49 1010

转载 bootstrap3的 progress 进度条

bootstrap3progressprogress-bar-1、被修改的两个标签词:2.3版               3.0版.bar.progress-bar.bar-*.progress-bar-*2、代码:[html] view plaincopy> 

2013-11-25 18:36:02 1182

转载 bootstrap3的img-thunbnail和img-responsive

bootstrap3imgimg-thumbnailimg-respinsive新增的img-responsive3.2版本                                 3.0版本.img-polaroid.img-thumbnail响应式图片通过添加.img-responsive class可

2013-11-25 18:35:02 6794 2

转载 bootstrap3的list-unstyled和list-inline

bootstrap3listlist-inlinelist-unstyled1、相对应的版本2.3版本           3.0版本ul.unstyled.list-unstyledul.inline.list-inlinelist-unstyled  无样式列表移除了默认的list-style样

2013-11-25 18:34:21 10015

转载 bootstrap的text-muted和text-danger

bootstrap3text-mutedtext-danger强调色1、和修改的版本对比    2.3版本                                 3.0版本.muted.text-muted.text-error.text-danger这些class通过颜色来表示强调。也可以应用于链接

2013-11-25 18:33:37 2610

转载 bootstrap3的.tabel .danger

2013-11-25 16:47 10人阅读 评论(0)收藏编辑删除bootstrap3tabledanger      2.3版本的                       3.0版本.table .error.table .danger通过这些状态class可以为行货单元格设置颜色。

2013-11-25 18:32:30 648

转载 bootstrap3的panel(折叠窗口或手风琴效果)

bootstrap3panel折叠手风琴窗口1、一些被修改的:       2.3版本的                                                    3.0版本.accordion.panel-group.accordion-group.panel .panel-default

2013-11-25 18:31:55 3700

转载 bootstrap3的jumbotron和glyphicon glyphicon-*的用法

bootstrap3jumbotronglyhiconglyhicon-1、jumbotron相对应的2.3的版本是hero-unit  2、glyphicon-* 相对应的2.3版本是icon-*用glyphicon-*的时候要注意写作方式,这个方式的必须在引用图标时候前面必须加个glyphicon例如:3、实验代码:[html] view plain

2013-11-23 19:08:58 1295

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

navbar-brandnavbar-collapsenavbar-togglenavbar-headerbootstrap31、升级后的bootstrap 3.0.2版本的这次试验的是navbar-brand、navbar-collapse、navbar-toggle、navbar-header、navbar-text、navbar-btn除了navbar-text、navbar

2013-11-23 19:08:22 5562

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

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

2013-11-23 19:05:10 1191

转载 对yii的初理解

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

2013-11-23 19:04:34 644

转载 yii -- 路由

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

2013-11-23 19:03:34 804

转载 linux -- sudo

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

2013-11-22 18:03:32 805

转载 linux -- aptitude

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

2013-11-22 18:02:21 955

转载 samba共享

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

2013-11-22 18:00:28 661

转载 bootstrap中的tooltip

1、注意自己的替换成自己引用的文件路径。2、实验代码:[html] view plaincopy>  html>  head>   link rel="stylesheet" href="./public/bootstrap/css/bootstrap.css">  script type="text/javascript" src="public/

2013-11-21 18:22:12 993

转载 bootstrap中的popovers

代码段:[html] view plaincopy>  html xmlns="http://www.w3.org/1999/xhtml">  head>  meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  link rel="stylesheet" href="./p

2013-11-21 18:21:18 870

转载 bootstrap中的accordion

[html] view plaincopy>  html xmlns="http://www.w3.org/1999/xhtml">  head>  link rel="stylesheet" href="./public/bootstrap/css/bootstrap.css">  script type="text/javascript" src="public/b

2013-11-21 18:20:29 2298

转载 bootstrap中的carosel

实验代码:[html] view plaincopy>  html xmlns="http://www.w3.org/1999/xhtml">  head>  meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  link rel="stylesheet" href="

2013-11-21 18:19:21 1127

转载 bootstrap中的typeahead

bootstraptypeahead[html] view plaincopy>  html xmlns="http://www.w3.org/1999/xhtml">  head>  meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  link rel="style

2013-11-21 18:18:01 880

转载 bootstrap中的 progress bar

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

2013-11-20 18:52:25 1821

转载 对Bootstrap自己理解

Bootstrap是一款当下最流行的前端开发软件,它简化了网站开发,节省时间,可快速的开发前端代码。1、Bootstrap库中包含了很多的片段代码,这样可以调用这些代码库中的代码,节省时间,前端代码开发者不必浪费自己很多的时间去手敲div+css去   节省时间2、自己可以保留网站框架中的自己需要的部分,丢掉自己不需要的,把自己所需留给自己,Bootstrap整体可以根据自己所需,

2013-11-20 14:27:27 2261

转载 javascript中的for循环

先说说javascript中其他循环与for循环的区别:JavaScript 支持不同类型的循环:for - 循环代码块一定的次数for/in - 循环遍历对象的属性while - 当指定的条件为 true 时循环指定的代码块do/while - 同样当指定的条件为 true 时循环指定的代码块for循环的语法:        for(语句1;语句2;语句3

2013-11-20 14:26:38 670

转载 javascript中的while循环

while 循环While 循环会在指定条件为真时循环执行代码块。也可以说成,只要指定条件为 true,循环就可以一直执行代码。语法:while(条件){  需要执行的代码;}例:   function myFunction(){     var x="",i=0;    while(i     x=x+"

2013-11-20 14:24:34 622

转载 javascript中的if语句

在javascript中的一些选择语句:1、if语句    当指定条件为true的时候,就执行该条件的代码。2、if...else...语句     当该语句指定条件为true时则执行该代码,如果当条件执行为false时则执行其他代码。3、if...else if...else...语句       该语句是选择多个代码一起执行。4、switch 语句    选择多

2013-11-20 14:21:13 896

转载 jquery中的选择器简介

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

2013-11-20 14:19:29 614

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

基本选择器中的各个小类:1、id选择器  根据给定的id匹配个元素2、class选择器根据给定的类名匹配元素3、element选择器根据给定的元素名匹配元素4、 * 选择器匹配所有元素5、并列选择器[html] view plaincopyhtml xmlns="ht

2013-11-20 14:17:58 845 1

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

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

2013-11-20 14:16:18 1415

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

伪类选择器::nth-child的用法:nth-child是一个css3伪类选择符,在jQuery中被实现了,在Jquery API中对nth-child的定义是:”匹配其父元素下的第N个子或奇偶元素“。例  伪类nth-child实现隔行换色[html] view plaincopyhtml xmlns="htt

2013-11-20 14:13:59 3644 1

转载 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-20 14:11:24 679

转载 bootstrap的使用

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

2013-11-20 14:09:18 820

转载 bootstrap中的button groups

转载于:ling811按钮组 button groups(群按钮)1、单按钮[html] view plaincopydiv class="btn-group">       button calss="btn" type="button">按钮button>     div>  2、多

2013-11-20 14:07:20 849

转载 bootstrap 中的 button dropdowns

button dropdowns 下拉按钮1、在使用这些按钮时要注意它们都是引用了那些文件,如果忘了引用相关联的文件,有些功能就不会实现的2、下拉按钮例子:[html] view plaincopydiv class="btn-group">    button data-toggle="dropdown" class="

2013-11-20 14:04:10 793

转载 bootstrap中的Navigational tabs, pills,和lists标签

1、Navigational tabs(nav-tabs)标签用法,简单的实验:[html] view plaincopydiv class="container">      div class="container-fluid">              div class="tabbable">              

2013-11-20 14:01:51 1567

转载 booststrap中的navbar

1、bootstrap的navbar的实验:[html] view plaincopydiv class="container">      div class="navbar">          div class="navbar-inner">              div class="container-fluid"

2013-11-20 13:58:44 974

转载 bootstrap中的lables的各个用法

[html] view plaincopydiv class="container">      table class="table table-bordered table-condensed table-striped">          thead>              tr>                  th>名称:th>  

2013-11-20 13:56:56 1448

转载 bootstrap中的badges

转载自:http://blog.csdn.net/ling811badges中有:badge、badge-warning、badge-important、badge-info、badge-inverse现在只实验两个,用法和lables的用法类似[html] view plaincopytable class="table

2013-11-20 13:54:33 871

转载 bootstrap中的page headers 和 hero unit

1、page headers的用法:[html] view plaincopydiv class="container">      div class="page-header">          h1>我是个大标题~!!!small>第二个small>h1>      div>  div>  效果图:

2013-11-20 13:52:27 1252

空空如也

空空如也

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

TA关注的人

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