下载此文档

全面解析Bootstrap表单使用方法(表单样式).doc


文档分类:IT计算机 | 页数:约2页 举报非法文档有奖
1/2
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/2 下载此文档
文档列表 文档介绍
全面解析B00tD表单使用方法(表单样式)
一基础表单
or
ass=
"form-g
rou
p
a邮箱:
a
pt
t
pe=
a
ass=
"form-g
rou
p全面解析B00tD表单使用方法(表单样式)
一基础表单
or
ass=
"form-g
rou
p
a邮箱:
a
pt
t
pe=
a
ass=
"form-g
rou
p
a密码
a
pt
t
pe=
"passwor
ass=
bo
a
pt
t
pe=
记住密码
bo
a
tto
t
ype=
"submi
t"
or
assf请输入您的邮箱地址pao
asso请输入您的邮箱密码pao
进入邮箱tttbat
p也ro
表单除了这几个元素之外,还有pstetttar等元素,在Bootstraps架中,通过定制了一个类名or
就是说,如果这几个元素使用了类名oro将会实现一些设计上的定制效果。
1、宽度变成了100%
2设置了一个浅灰色()的边框
3具有P的圆角
4、设置阴影效果,并且元素得到焦点之时,阴影和边框效果会有所变化
5设置了pa的颜色为二、水平表单
Bootstraps架默认的表单是垂直显示风格,但很多时候我们需要的水平表单风格(标签居左,表单控件居右)。
or
ass
ororota
ro
"form">
ass
"form-group">
a
or
pta
as箱
oasotro
a
ass
os
inpu
ttp
aass
"form-
otro青输入您的邮箱地址p
ta
pa
ho
lass=
"form-group">
abel
or
ptassor
a密码oas
otroa
ass
os
nput
tp
passorass
form-control"
请输入您的邮箱密码assor
or

在Bootstrap框架中要实现水平表单效果,必须满足以下两个条件:i在or元素是使用类名ororota
2配合Bootstraps架的网格系统。
在or元素上使用类名oro主要有以下几个作用:
i设置表单控件pa和ar值。
2改变or的表现形式,类似于网格系统的row
三内联表单
有时候我们需要将表单的控件都在一行内显示
or
ab
np
ass="ass="classpe="
ormorm"srma
ro
ro
or
ass
or
roup
o邮箱ass="for

全面解析Bootstrap表单使用方法(表单样式) 来自淘豆网m.daumloan.com转载请标明出处.

相关文档 更多>>
非法内容举报中心
文档信息
  • 页数2
  • 收藏数0 收藏
  • 顶次数0
  • 上传人小s
  • 文件大小61 KB
  • 时间2022-06-07