当前位置: 首页 > news >正文

印刷设计营销网站网站设置成黑白

印刷设计营销网站,网站设置成黑白,linode wordpress建站,网络组建与应用实训报告昨天我们看了看bootstrap的网#xff08;栅#xff09;格系统#xff0c;想必都对bootstrap网格系统有个大致的了解#xff0c;今天我们再来看看bootstrap的按钮组合。按钮的样式在boostrap中#xff0c;任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 … 昨天我们看了看bootstrap的网栅格系统想必都对bootstrap网格系统有个大致的了解今天我们再来看看bootstrap的按钮组合。按钮的样式在boostrap中任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式具体如下表所示以下样式可用于超链接表单以及button上类描述.btn为按钮添加基本样式.btn-default默认/标准按钮默认.btn-primary原始按钮样式未被操作.btn-success表示成功的动作成功.btn-info该样式可用于要弹出信息的按钮信息.btn-warning表示需要谨慎操作的按钮警告.btn-danger表示一个危险动作的按钮操作.btn-link让按钮看起来像个链接 (仍然保留按钮行为).btn-lg制作一个大按钮.btn-sm制作一个小按钮.btn-xs制作一个超小按钮.btn-block块级按钮(拉伸至父元素100%的宽度).active按钮被点击.disabled禁用按钮上面列出了这么多的按钮样式下面我们来通过一段代码的运行结果让大家对各个按钮有个基本的照面!-- 标准的按钮 -- button typebutton classbtn btn-default默认按钮/button !-- 提供额外的视觉效果标识一组按钮中的原始动作 -- button typebutton classbtn btn-primary原始按钮/button !-- 表示一个成功的或积极的动作 -- button typebutton classbtn btn-success成功按钮/button !-- 信息警告消息的上下文按钮 -- button typebutton classbtn btn-info信息按钮/button !-- 表示应谨慎采取的动作 -- button typebutton classbtn btn-warning警告按钮/button !-- 表示一个危险的或潜在的负面动作 -- button typebutton classbtn btn-danger危险按钮/button !-- 并不强调是一个按钮看起来像一个链接但同时保持按钮的行为 -- button typebutton classbtn btn-link链接按钮/butto运行结果上面按钮的样式大家也都看到了那么问题来了按钮只能是这么大吗按钮的大小能否进行更改——按钮的大小可以更改。按钮的大小改按钮大小之前我们先看看如何进行更改改按钮的大小需要遵循那些规范呢我们可以通过一个表格来说明这个问题Class描述.btn-lg这会让按钮看起来比较大。.btn-sm这会让按钮看起来比较小。.btn-xs这会让按钮看起来特别小。.btn-block这会创建块级的按钮会横跨父元素的全部宽度。class需要写的class名字类样式关于按钮的大小下面请看一段代码pbutton typebutton classbtn btn-primary btn-lg大的原始按钮/buttonbutton typebutton classbtn btn-default btn-lg大的按钮/button /p pbutton typebutton classbtn btn-primary默认大小的原始按钮/buttonbutton typebutton classbtn btn-default默认大小的按钮/button /p pbutton typebutton classbtn btn-primary btn-sm小的原始按钮/buttonbutton typebutton classbtn btn-default btn-sm小的按钮/button /p pbutton typebutton classbtn btn-primary btn-xs特别小的原始按钮/buttonbutton typebutton classbtn btn-default btn-xs特别小的按钮/button /p pbutton typebutton classbtn btn-primary btn-lg btn-block块级的原始按钮/buttonbutton typebutton classbtn btn-default btn-lg btn-block块级的按钮/button /p运行结果下面在介绍几种按钮的状态激活按钮pbutton typebutton classbtn btn-default btn-lg 默认按钮/buttonbutton typebutton classbtn btn-default btn-lg active激活按钮/button /p pbutton typebutton classbtn btn-primary btn-lg 原始按钮/buttonbutton typebutton classbtn btn-primary btn-lg active激活的原始按钮/button /p运行结果禁用按钮pbutton typebutton classbtn btn-default btn-lg默认按钮/buttonbutton typebutton classbtn btn-default btn-lg disableddisabled禁用按钮/button /p pbutton typebutton classbtn btn-primary btn-lg 原始按钮/buttonbutton typebutton classbtn btn-primary btn-lg disableddisabled禁用的原始按钮/button /p pa href# classbtn btn-default btn-lg rolebutton链接/aa href# classbtn btn-default btn-lg disabled rolebutton禁用链接/a /p pa href# classbtn btn-primary btn-lg rolebutton原始链接/aa href# classbtn btn-primary btn-lg disabled rolebutton禁用的原始链接/a /p运行结果按钮标签a classbtn btn-default href# rolebutton链接/a button classbtn btn-default typesubmit按钮/button input classbtn btn-default typebutton value输入 input classbtn btn-default typesubmit value提交运行结果按钮组div classcontainerh2按钮组/h2p.btn-group 类用于创建按钮组/pdiv classbtn-groupbutton typebutton classbtn btn-primary苹果/buttonbutton typebutton classbtn btn-success橘子/buttonbutton typebutton classbtn btn-warning香蕉/button/div /div运行结果关于按钮组的内容我们已经整理完毕关于bootstrap其他内容请关注后续文章。往期推荐Boostrap技能点整理之【网格系统】2020-05-26 Boostrap技能点整理之【bootstrap简介】2020-05-25 C#基础知识详解之【文件的输入与输出】2020-05-23 C#基础知识详解之【字段与属性】2020-05-24 C#基础知识详解之【异常处理】2020-05-22 C#基础知识详解之【值类型和引用类型】2020-05-21 欢迎关注公众号雄雄的小课堂CSDN穆雄雄的博客
http://www.pierceye.com/news/767525/

相关文章:

  • 做网站设计的价格企业seo网站营销推广
  • 河南省住房和建设厅门户网站网站开发图片素材
  • 在线代理浏览器网站设计本笔记本
  • gta5网站正在建设中柳州团购汽车网站建设
  • 建设一个网站要多少费用吗wordpress 缓存首页
  • 绵阳网站排名深圳哪家网页设计好
  • 软件 开发公司宿迁seo优化
  • 网站开发demo版本做网站服务器的配置
  • 网页游戏排行2013伊克昭盟seo
  • 单页站如何做网站seo优化建e网卧室设计效果图
  • 免费做网站的app巩义seo
  • 做金融服务网站赚钱阿里巴巴网站建设论文
  • 四川做网站的公司哪家好免费团购网站模板
  • 网站建设动漫网站模板怎么做的
  • 西安网站制作公司官网wordpress证书关闭
  • 北网站建设优化seo是什么意思
  • 中国seo网站长沙城乡建设网站
  • 没有相应营业执照怎么做网站重庆网站设计公司排名
  • 企业网站手机版商城网站有什么好处
  • 推荐一本学做网站的书温州阀门网站建设
  • 用户要承担暖气费的税吗太原优化排名推广
  • Wordpress外贸网站搭建公司宿迁建设网站
  • 学校网站建设的意义和应用山东淄博网站建设
  • 莱芜网站建设价格低网站vps
  • 长治做网站哪家好赣州注册公司
  • 网站开发从入门到精通做h5的网站哪个好
  • 免费公司网站如何建立设计个人网站好备案吗
  • 建网站和做微信哪个好在线识别图片百度识图
  • php网站开发如何实现删除功能大连大连建设工程信息网站
  • 表格模板免费下载网站wordpress 插件位置