自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 表单控件状态(禁用状态)

     表单控件状态——禁用状态 示例1                                示例2               禁用的输入框                    禁用的下拉框              不可选择     

2015-04-29 13:08:50 436

转载 表单控件(按钮)

        表单控件状态——焦点状态                         Button          class=""          Description                                      Default          btn        

2015-04-29 12:51:04 425

转载 表单控件(复选框checkbox和单选择按钮radio)

        表单控件——表单控件大小   案例1                  记住密码                        喜欢                          不喜欢

2015-04-29 12:41:43 599

转载 表单控件(文本域textarea)

文本域和原始使用方法一样,设置rows可定义其高度,设置cols可以设置其宽度。但如果textarea元素中添加了类名“form-control”类名,则无需设置cols属性。因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto。

2015-04-29 12:38:03 1485

转载 表单控件(下拉选择框select)

     表单控件——下拉选择框select元素             1       2       3       4       5                         1         2         3         4         5

2015-04-29 12:35:02 1166

转载 内联表单

     内联表单       邮箱            密码                  记住密码        进入邮箱

2015-04-29 12:25:49 356

转载 水平表单

     水平表单       邮箱                      密码                                              记住密码                                进入邮箱

2015-04-29 12:25:25 339

转载 表格--表格行的类

Bootstrap还为表格的行元素提供了五种不同的类名,每种类名控制了行的不同背景颜色,具体说明如下表所示:其使用非常的简单,只需要在元素中添加上表对应的类名,就能达到你自己需要的效果:class="active"> …对应的源码,请查看bootstrap.css文件中第1484行~第1583行。特别提示:除了”.active”之外,其他四个类名和”.

2015-04-29 12:07:09 234

转载 表格

表格是Bootstrap的一个基础组件之一,Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。在使用Bootstrap的表格过程中,只需要添加对应的类名就可以得到不同的表格风格,在接下来的内容中,我们会详细介绍Bootstrap的表格使用。同样的,如果你对CSS预处理器熟悉,你可以使用Bootstrap提供的预处理版本:  ☑  LESS版本,对应的

2015-04-29 12:04:50 249

转载 代码(二)

正如前面所示,元素一般用于显示大块的代码,并保证原有格式不变。但有时候代码太多,而且不想让其占有太大的页面篇幅,就想控制代码块的大小。Bootstrap也考虑到这一点,你只需要在pre标签上添加类名“.pre-scrollable”,就可以控制代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条。

2015-04-29 11:28:52 180

转载 代码(一)

本节内容相对来说比较简单,一般在个人博客上使用的较为频繁,用于显示代码的风格。在Bootstrap主要提供了三种代码风格:1、使用来显示单行内联代码2、使用来显示多行块代码3、使用来显示用户输入代码预编译版本的Bootstrap将代码的样式单独提取出来:1、LESS版本,请查阅code.less文件2、Sass版本,请查阅_code.scss文件编译出来的CSS

2015-04-29 11:25:07 368

转载 html字体说明

2015-04-29 11:17:43 277

转载 时候不早

第一次别人让我在博客里写东西时,其实我是拒绝的,你们不能让我在这里写我就在这里写,但发到qq空间之后,人们就各种看不惯,所以我在这里试着写了一下,duang!duang!duang!感觉不是一般的清爽,在这里我会抛弃自己痛苦的往事,憧憬未来的迷人。

2015-04-29 11:17:33 201

转载 bootstrap的兼容性

bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可。同理为使IE6、7、8版本浏览器兼容css3样式,引入下面代码:

2015-04-29 11:17:05 507

转载 列表–内联列表

Bootstrap像去点列表一样,通过添加类名“.list-inline”来实现内联列表,简单点说就是把垂直列表换成水平列表,而且去掉项目符号(编号),保持水平显示。也可以说内联列表就是为制作水平导航而生。

2015-04-29 11:16:29 784

转载 强调相关的类

在Bootstrap中除了使用标签、等说明正文某些字词、句子的重要性,Bootstrap还定义了一套类名,这里称其为强调类名(类似前面说的“.lead”),这些强调类都是通过颜色来表示强调,具本说明如下:•.text-muted:提示,使用浅灰色(#999)•.text-primary:主要,使用蓝色(#428bca)•.text-success:成功,使用浅绿色(#3c763

2015-04-29 11:15:45 192

转载 列表–简介

无序列表…有序列表…定义列表……

2015-04-29 11:13:04 167

空空如也

空空如也

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

TA关注的人

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