博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrap带图标的按钮与图标做连接
阅读量:6689 次
发布时间:2019-06-25

本文共 2767 字,大约阅读时间需要 9 分钟。

  bootstrap通过引入bootstrap的JS与css文件,给元素添加class属性即可。

  使用图标只需要加入一个span,class属性设置为对应的图标属性即可。图标对应的class属性可以参考菜鸟教程:

 

带图标的按钮:

 

图标做连接:

效果:

 代码:

            
主要界面

   固定资产登记

欢迎
管理员
      
退出系统       
      

添加记录

      

查询所有

名称 规格及型号 使用部门 来源 购建日期 使用人 操作
名称 名称 名称 名称 名称 名称
名称 名称 名称 名称 城市 邮编
名称 名称 名称 名称 城市 邮编

 

 

 product.css

html,body{                width: 100%;            }            body{                background-color: #FFFFFF;            }            #container {                margin: 0px auto;                text-align: left;                width: 90%;                height: 600px;                border: 1px solid green;            }

 

转载地址:http://sihao.baihongyu.com/

你可能感兴趣的文章
Codeforces Round #403 (Div. 2, based on Technocup 2017 Finals)
查看>>
Codeforces Round #204 (Div. 2)
查看>>
AJAX 获取Servlet文件路径
查看>>
软件测试之Monkey 初步了解(入门级)
查看>>
log日志应用 自定义的log
查看>>
Delphi2010/XE2下隐藏程序系统任务栏的图标
查看>>
文件编码问题
查看>>
linux虚拟机的scsi设备id与盘符不一致问题的解决
查看>>
高薪源于专注和极致!
查看>>
CSVDE批量导入域用户
查看>>
IT168关于敏捷开发采访
查看>>
SystemCenter2012SP1实践(11)VMM的初步使用
查看>>
企业集群平台架构实现与应用实战(HAproxy+keepalived篇)
查看>>
Gartner:2012年北美MSS市场分析
查看>>
我的运维之路(二)
查看>>
世界級VR素材平台的機遇與挑戰
查看>>
ipsec over gRE 详解1
查看>>
路由器利用loopback接口实现物理冗余链路的IPSEC ***
查看>>
在隧道上运行IS-IS 和is-is验证
查看>>
解决centos4不能使用yum的方法
查看>>