仅为移动设备删除页脚

Question

我正在使用Bootstrap 3编写一个3-4页的网站进行工作。当有人在移动设备上访问网站时，是否有办法使页脚不显示？我仍然希望它在网站版的网站上显示。

Answer 1

Bootstrap 3响应式实用程序通过向页脚添加类来支持此用例。你想要的可能是页脚上的.visible-lg或.hidden-xs类。您可以在http://getbootstrap.com/css/#responsive-utilities

上查看完整的测试用例列表

class="visible-md visible-lg"的示例可能就是您想要的示例。

Answer 2

您是否尝试过上述CSS类？

.hidden-xs /* phone */ 
.hidden-sm /* phablet/tablet */

你可以一起使用它们：

<div class="hidden-xs hidden-sm">...</div>

Answer 3

使用CSS媒体查询，例如：

@media (max-width: 320px) {
    #footer {
        display: none;
    }
}