title: Bootstrap: numbers from ordered list disapear when using media object
body: <p>I'm using bootstrap to create a website. I'm trying to create an ordered list that consists of media objects for each item. When I do this, the numbers disappear when viewing on a tablet. However the numbers are there when you view the list from a desktop-browser with the window adjusted to a tablet resolution. How can I get the numbers to NOT disappear when viewing on a tablet?</p>
  
  <pre><code>&lt;ol&gt;                        
      &lt;li&gt;
          &lt;div class="media"&gt;
              &lt;a class="pull-right" href="#"&gt;
                  &lt;div class="span4"&gt;&lt;img class="media-object" data-src="holder.js/64x64"&gt;&lt;/div&gt;
              &lt;/a&gt;
              &lt;div class="media-body"&gt;
                  &lt;!-- Nested media object --&gt;
                  &lt;div class="media"&gt;
                      blablabla
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/li&gt;
  </code></pre>