"Table Stack"
Bootstrap 3.0.0 Snippet by bhansa

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<table><td class="">
<div style="position: relative;">
<span>NEW</span>
<button type="button" class="btn btn-sm btn-edit-undo" title="Edit undo">
<span class="glyphicon glyphicon-remove"></span>
</button>
</div>
</td>
</table>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
table{
padding:10px;
margin:20px;
position:relative;
}
.btn-edit-undo{
border-radius: 100%;
background-color: #337AB7;
color: #FFF;
position: absolute;
bottom:40%;
left:60%;
box-shadow: 1px 2px 1px #999;
}
td{
background:#ccc;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: