MyFiddle1

by vagg77

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

 <div class="container">
	<div class="jumbotron">
		<h2>Employees</h2>
		<div class="row">
			<div class="col-md-12">
				<div class="pull-right">
					<button class="btn btn-primary" data-toggle="modal" data-target="#add_new_record_modal">Add New Record</button>
				</div>
			</div>
		</div>
		<br>
		<table class="table table-bordered">
			<thead>
			<tr>
				<th>Firstname</th>
				<th>Lastname</th>
				<th>Email</th>
			</tr>
			</thead>
			<tbody>
			<tr>
				<td>John</td>
				<td>Doe</td>
				<td>[email protected]</td>
			</tr>
			<tr>
				<td>Mary</td>
				<td>Moe</td>
				<td>[email protected]</td>
			</tr>
			<tr>
				<td>July</td>
				<td>Dooley</td>
				<td>[email protected]</td>
			</tr>
			</tbody>
		</table>
	</div>
</div>

CSS

.jumbotron{
    margin-top:250px
}

tr {
    border: 3px solid gray;
}