css - Bootstrap : numbers from ordered list disapear when using media object

Question

我正在使用 bootstrap 创建网站。我正在尝试创建一个有序列表，其中包含每个元素的媒体对象。当我这样做时，在平板电脑上查看时数字会消失。但是，当您从桌面浏览器查看列表并将窗口调整为平板电脑分辨率时，数字就在那里。在平板电脑上查看时，如何让数字不消失？

<ol>                        
    <li>
        <div class="media">
            <a class="pull-right" href="#">
                <div class="span4"><img class="media-object" data-src="holder.js/64x64"></div>
            </a>
            <div class="media-body">
                <!-- Nested media object -->
                <div class="media">
                    blablabla
                </div>
            </div>
        </div>
    </li>

Answer 1

据我所知，bootstrap 的响应式 CSS 对平板电脑 View 中的列表没有任何作用，因此您可能在某处使用了另一个 css 规则，该规则隐藏了平板电脑视口(viewport)的 list-style。

另一种猜测是 list-style 设置为外部并且存在 overflow 或使您的 list-style 不可见的东西.将此行添加到您的 CSS 文件(在加载框架和其他东西之后)，看看它是否为您解决了问题。

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