Bootstrap中的按钮样式图片样式 介绍_第1页
已阅读5页,还剩4页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、bootstrap中的按钮样式,图片样式 介绍bootstrap按钮样式1.表单组.form-group:把表单组合起来.form-control:将样式设置为width为100%,圆角边框,适当的蓝色阴影.格式:注重:惟独正确设置了输入框的type类型,才干被给予正确的样式。2.内联表单.form-inline:让表单左对齐浮动,排成一行格式:3.表单合组.input-group:和form-group作用一样,在合组的时候用法.input-group-addon:要合组的一个元素格式:合组4.水平罗列.form-horizontal:水平罗列的表单,通过为表单添加.form-horizon

2、tal类,并联合用法bootstrap预置的栅格类,可以将label标签和控件组水平并排布局。这样做将转变.form-group的行为,使其表现为栅格系统中的行(row),因此就无需再额外添加.row了格式:5.单选复选框.checkbox:复选框的父级元素用法,将复选框变为块级元素.checkbox-inline:复选框的父级元素用法,将复选框拍成一行.radio:单选框的父级元素用法,将单选框变为块级元素.radio-inline:单选框的父级元素用法,将单选框拍成一行格式:挑选1挑选26.下拉列表.from-control:将样式设置为width为100%,圆角边框,适当的蓝色阴影.格式

3、:下拉列表1下拉列表27.校验状态转变猎取焦点时边框和阴影的色彩.has-error:错误的红色.has-success:胜利的绿色.has-warning:警告的黄色.control-label:标签同步相应状态格式:用户control-label这个类是label同步相应的状态8.添加额外的图标.has-feedback:设置一个位置.form-control-feedback:设置一个元素,相对于有has-feedback类的元素定位.glyphiconglyphicon-ok:对号图标.glyphicon-warning-sign:警告图标glyphicon-remove:错误图标.格式:给span设置form-control-feedback这个类,让它相对于has-feedback举行定位,定位到input框里面的右侧9.控制输入框大小.input-lg:大输入框.input-small:小输入框.form-group-lg:大输入框.form-group-sm:小输入框格式:或者挺直给父元素设置响应式:.img-responive:会尾随屏幕的缩放而缩放.img-rounded:圆

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论