Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="content">
				<div class="container-fluid">
					<div class="row">
						<div class="col-sm-12">
							<div class="page-title-box">
								<h4 class="page-title">Site</h4>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
					<div class="row" id="loading" style="display: none;">
						<div class="col-12">
							<div class="card-box table-responsive">
                              <div class="progress">
                                  <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:40%">
                                     40%
                                  </div>
                              </div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-12">
							<div class="card-box table-responsive">
                            <div>
                              <table class="table table-striped table-bordered toggle-circle m-b-0 default footable-loaded footable">  <thead>
		<tr>                   <th class="footable-visible footable-first-column footable-sortable"></th>
					<th class="footable-visible footable-first-column footable-sortable" style="max-width:11%; "><a href="list.php?table=site&amp;a=0&amp;order_by=customer_id">Customer</a> <i class="fa fa-sort"></i></th>					<th class="footable-visible footable-first-column footable-sortable" style="max-width:11%; "><a href="list.php?table=site&amp;a=0&amp;order_by=name">Name</a> <i class="fa fa-sort"></i></th>					<th class="footable-visible footable-first-column footable-sortable" style="max-width:23%; "><a href="list.php?table=site&amp;a=0&amp;order_by=details">Details</a> <i class="fa fa-sort"></i></th>					<th class="footable-visible footable-first-column...

CSS

/* CSS used here will be applied after bootstrap.css */

table.table.table-striped.table-bordered td,
table.table.table-striped.table-bordered td.text {
  /*max-width: 177px;*/
}

table.table.table-striped.table-bordered td,
table.table.table-striped.table-bordered td.text, 
table.table.table-striped.table-bordered th,
table.table.table-striped.table-bordered th.text, 
table.table.table-striped.table-bordered span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
td {
    max-width: 100px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

JavaScript

/* Latest compiled and minified JavaScript included as External Resource */