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