Bootstrap 3 Template

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

by jimkennelly

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">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
<table id="table1">
</table>
<thead>
  <tr>
    <th data-field="name">Name</th>
    <th data-field="stargazers_count">Stars</th>
    <th data-field="forks_count" data-cell-style="cellStyle">Forks</th>
    <th data-field="description">Description</th>
  </tr>
</thead>
</table>

CSS

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


/* Optional theme */

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
body {
  margin: 10px;
}

JavaScript

var forksMin;


$(document).ready(function() {

$table = $('#table1');

  $table.bootstrapTable({
      url: 'https://api.myjson.com/bins/d1mzz'
    })




});






function setMinForks() {
  d = $table.bootstrapTable("getData");
  var arr = d.map(function(el) {
    return el.forks_count;
  });

  forksMin = Math.min.apply(Math, arr);
  console.log('Min value:' + forksMin);

}

function cellStyle(value, row, index) {
  console.log("cellStyle");
  var classes = ['active', 'success', 'info', 'warning', 'danger'];

  if (value == forksMin) {
    return {
      classes: classes[2]
    };
  }
  return {};
}