Switched grid view to responsive rows, including tablet styling.

themes/bootstrap/css/screen.css

@@ -60,6 +60,10 @@ div.xml.collapsed > div { display:none;margin-left:2px }
     width:auto;
   }
   .result .right {float:right}
+  .grid[id^=result] {
+    float:left;
+    width:25%;
+  }
 }
 @media (max-width: 600px) {
   .result .left,.result .middle,.result .right {

themes/bootstrap/templates/search/list-grid.phtml

-<table class="table table-bordered">
-  <tr>
-    <? $i = 0; foreach ($this->results->getResults() as $current): ?>
-      <td id="result<?=$i++ ?>" width="25%">
-        <?=$this->record($current)->getSearchResult('grid')?>
-      </td>
-      <?=($i%4==0)?'</tr><tr>':''?>
-    <? endforeach; ?>
-  </tr>
-</table>
+<div class="row">
+<? $i = 0; foreach ($this->results->getResults() as $current): ?>
+  <div id="result<?=$i++ ?>" class="span3 grid">
+    <?=$this->record($current)->getSearchResult('grid')?>
+  </div>
+  <?=($i%4==0)?'</div><div class="row">':''?>
+<? endforeach; ?>
+</div>