Bootstrap Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.1/bootstrap.min.js"></script>
<div class="container">
    <h1>Tooltip Placement Strangeness</h1>
  <p>Each td below contains a span with a tooltip associated with it.  Scroll to the right, hovering over each td, and watch as the tooltip placement gets stranger and stranger.</p>

    
      <table class="table table-bordered">
    <tr>
      <th>Something Something Something</th>
      <th>Something Something Something</th>
      <th>Something Something Something</th>
      <th>Something Something Something</th>
      <th>Something Something Something</th>
      <th>Something Something Something</th>
      <th>Something Something Something</th>
      <th>Something Something Something</th>
      <th>Something Something Something</th>
      <th>Something Something Something</th>
      <th>Something Something Something</th>
      <th>Something Something Something</th>
    </tr>
    <tr>
      <td><span data-title="Here is some text" class="tooly">one</span></td>
      <td><span data-title="Here is some text" class="tooly">one</span></td>
      <td><span data-title="Here is some text" class="tooly">one</span></td>
      <td><span data-title="Here is some text" class="tooly">one</span></td>
      <td><span data-title="Here is some text" class="tooly">one</span></td>
      <td><span data-title="Here is some text" class="tooly">one</span></td>
      <td><span data-title="Here is some text" class="tooly">one</span></td>
      <td><span data-title="Here is some text" class="tooly">one</span></td>
      <td><span data-title="Here is some text" class="tooly">one</span></td>
      <td><span data-title="Here is some text" class="tooly">one</span></td>
      <td><span data-title="Here is some text" class="tooly">one</span></td>
      <td><span data-title="Here is some text" class="tooly">one</span></td>
    </tr>
  </table>
    
</diV>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

body {
  padding: 1em;
}

.container {
    margin-top: 10px;
}

th {
  white-space: nowrap;
}

JavaScript

$(function() {
      $('.tooly').tooltip();
    })