使用bootstrap快速搭建的按钮隐藏栏目
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/875b93e55d0893937b0c762f86f48beb.png#pic_center)
鼠标悬浮效果
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a27a8c4fbd0ac52cf7d51cea3b457992.png#pic_center)
代码片
.
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/materialdesignicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="js/bootstrap-multitabs/multitab
s.min.css">
<style>
.hidden-button {
opacity:0;
}
div:hover .hidden-button {
opacity:1;