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">
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script><script src="https://code.highcharts.com/modules/exporting.js"></script>

<div class="container">
    <h1>Where's the plag?</h1>
    <div class="jumbotron">
        <small>
            <p>Atom Type: paragraph </p>
            <p>Cluster Method: kmeans </p>
            <p>k: 2 </p>
            Stylistic Feature(s):
            
            <p>honore_r_measure </p>
            
            
        <p></p>
        </small>
         <br>
                <br>
        <button type="button" class="btn btn-primary btn-sm" data-toggle="collapse" data-target="#full_table">
            Hide/Show Table
        </button>

        <div class="row collapse in" id="full_table">
            <div class="col-md-9">
                <div class="table-responsive" style="font-size:12px;">
                    <table class="table table-condensed table-scrollable table-bordered">
                        <thead>
                        <tr>
                            <th>Start Index</th>
                            
                            <th>honore_r_measure</th>
                            
                            <th>Suspicion Score</th>
                            

                        </tr>
                        </thead>
                        <tbody>
                        
                        <tr class="passage_starting_at_">
                            <td class="passage_row"> 0</td>
                            
                            <td class="passage_row"> 2512.6585</td>
                            

                            
                            <td...

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

debugger;  
  $('#boxplot').highcharts({
        chart: {
            type: 'boxplot','zoomType': 'x', 'panKey': 'shift', 'height': 350, 'panning': true, 'inverted':false,'width':350
        },
        title: {'text': 'easy_source'},

        xAxis: {
            categories: ['easy_source']
        },

        series: [{'data': [[0.0, 0.25, 0.5, 0.75, 1.0]], 'name': 'Percentile Values'}, {'name': 'Atoms', 'keys': ['x', 'y', 'z', 'c'], 'type': 'scatter', 'tooltip': {'pointFormat': 'Index: {point.z}, Suspicion Score: {point.y}'}, 'zones': [{'color': 'black', 'value': 0.75}, {'color': 'orange', 'value': 0.85}, {'color': 'red', 'value': 1.0}], 'data': [[0, 0.0, 0, 0], [0, 1.0, 196, 1]]}],

        yAxis: {
            title: {
                text: 'Suspicion Score'
            }
        }
    });