html - Bootstrap 清空移动设备上的 div

Question

我在 bootstrap 网站上有一个 div，我想在桌面上隐藏它并在移动设备上显示。另一个 div 相反，但不知何故在移动设备上 div 是空的(尽管它是用于测试的相同 div)。代码:

    <div class="camera_container hidden-xs">
        <div id="camera" class="camera_wrap">
            <div data-src="images/slide-1.jpg">
                <div class="camera_caption fadeIn">

                </div>
            </div>
            <div data-src="images/slide-2.jpg">
                <div class="camera_caption fadeIn">

                </div>
            </div>
            <div data-src="images/slide-3.jpg">
                <div class="camera_caption fadeIn">

                </div>
            </div>
        </div>
    </div>

            <div class="camera_container visible-xs">
        <div id="camera" class="camera_wrap">
            <div data-src="images/slide-1.jpg">
                <div class="camera_caption fadeIn">

                </div>
            </div>
            <div data-src="images/slide-2.jpg">
                <div class="camera_caption fadeIn">

                </div>
            </div>
            <div data-src="images/slide-3.jpg">
                <div class="camera_caption fadeIn">

                </div>
            </div>
        </div>
    </div>

有人知道吗？

Answer 1

请注意 visible-xs 只会显示小于 768px 的宽度，现在没有多少设备有这么小的分辨率，你可以通过缩小你的宽度来检查它是否工作浏览器窗口。您还应该使用 visible-xs-block 而不是 visible-xs