Fixed cluster list.

IPython/html/static/tree/js/clusterlist.js

@@ -98,16 +98,16 b' var IPython = (function (IPython) {'
 
     ClusterItem.prototype.state_stopped = function () {
         var that = this;
-        var profile_col = $('<div/>').addClass('profile_col span4').text(this.data.profile);
-        var status_col = $('<div/>').addClass('status_col span3').text('stopped');
-        var engines_col = $('<div/>').addClass('engine_col span3');
+        var profile_col = $('<div/>').addClass('profile_col col-md-4').text(this.data.profile);
+        var status_col = $('<div/>').addClass('status_col col-md-3').text('stopped');
+        var engines_col = $('<div/>').addClass('engine_col col-md-3');
         var input = $('<input/>').attr('type','number')
                 .attr('min',1)
                 .attr('size',3)
                 .addClass('engine_num_input');
         engines_col.append(input);
         var start_button = $('<button/>').addClass("btn btn-default btn-xs").text("Start");
-        var action_col = $('<div/>').addClass('action_col span2').append(
+        var action_col = $('<div/>').addClass('action_col col-md-2').append(
             $("<span/>").addClass("item_buttons btn-group").append(
                 start_button
             )
@@ -150,11 +150,11 b' var IPython = (function (IPython) {'
 
     ClusterItem.prototype.state_running = function () {
         var that = this;
-        var profile_col = $('<div/>').addClass('profile_col span4').text(this.data.profile);
-        var status_col = $('<div/>').addClass('status_col span3').text('running');
-        var engines_col = $('<div/>').addClass('engines_col span3').text(this.data.n);
+        var profile_col = $('<div/>').addClass('profile_col col-md-4').text(this.data.profile);
+        var status_col = $('<div/>').addClass('status_col col-md-3').text('running');
+        var engines_col = $('<div/>').addClass('engines_col col-md-3').text(this.data.n);
         var stop_button = $('<button/>').addClass("btn btn-default btn-xs").text("Stop");
-        var action_col = $('<div/>').addClass('action_col span2').append(
+        var action_col = $('<div/>').addClass('action_col col-md-2').append(
             $("<span/>").addClass("item_buttons btn-group").append(
                 stop_button
             )

IPython/html/templates/tree.html

@@ -96,10 +96,10 b' data-notebook-path="{{notebook_path}}"'
 
         <div id="cluster_list">
             <div id="cluster_list_header" class="row list_header">
-                <div class="profile_col span4">profile</div>
-                <div class="status_col span3">status</div>
-                <div class="engines_col span3" title="Enter the number of engines to start or empty for default"># of engines</div>
-                <div class="action_col span2">action</div>
+                <div class="profile_col col-md-4">profile</div>
+                <div class="status_col col-md-3">status</div>
+                <div class="engines_col col-md-3" title="Enter the number of engines to start or empty for default"># of engines</div>
+                <div class="action_col col-md-2">action</div>
             </div>
         </div>
     </div>