css - Bootstrap：使用媒体对象时，有序列表中的数字消失

Question

我正在使用引导程序创建一个网站。我正在尝试创建一个由每个项目的媒体对象组成的有序列表。当我这样做时，在平板电脑上查看时数字会消失。但是，当您从桌面浏览器查看列表时，数字就在那里，窗口已调整为平板电脑的分辨率。在平板电脑上查看时，如何让数字不消失？

<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

由于我知道引导程序的响应式 CSS，它对平板电脑视图中的列表没有任何作用，因此您可能在某处使用另一个 css 规则，该规则list-style为平板电脑视口隐藏。

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

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