Bootstrap: numbers from ordered list disapear when using media object

Question

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

Answer 1

As I'm aware of bootstrap's responsive CSS, it doesn't do anything to lists in tablet view so you may be using another css rule somewhere which is hiding list-style for tablet viewport.

Another guess would be that the list-style is set to outside and there's an overflow or something that makes your list-style invisible. Add this line to your CSS file (after loading frameworks and other things) and see if it fixes the problem for you.

@media (min-width: 768px) and (max-width: 979px) {
    ol { list-style: decimal inside; }
}