<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-default panel-table">
<div class="panel-heading">
<div class="row">
<div class="col col-xs-6">
<h3 class="panel-title">Joined sensors</h3>
</div>
<div class="col col-xs-6 text-right">
<button type="button" class="btn btn-sm btn-primary btn-create" data-toggle="modal" data-target="#login-modal">Add new sensor</button>
</div>
</div>
</div>
<div class="panel-body">
<table class="table table-striped table-bordered table-list">
<thead>
<tr>
<th class="col-xs-3">EUI</th>
<th class="col-xs-3 hidden-xs">APP EUI</th>
<th class="col-xs-3">APP KEY</th>
<th class="col-xs-3"><span class="glyphicon glyphicon-cog"></span></th>
</tr>
</thead>
<tbody>
<tr>
<td align="">
A81758FFFE03001E
</td>
<td class="hidden-xs">000000000000000000000000000000</td>
<td>2b7e151628aed2a6abf7158809cf4f3c</td>
<td><a href="#" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Delete</a>