首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >仅为移动设备删除页脚

仅为移动设备删除页脚
EN

Stack Overflow用户
提问于 2014-05-31 01:01:48
回答 3查看 4.1K关注 0票数 1

我正在使用Bootstrap 3编写一个3-4页的工作网站。当有人在移动设备上访问网站时,有没有办法让页脚不显示?我仍然希望它显示在桌面版本的网站上。

EN

回答 3

Stack Overflow用户

发布于 2014-05-31 01:05:30

Bootstrap 3 Responsive实用程序通过在脚注中添加一个类来支持这种用例。您可能需要在页脚使用类似于.visible-lg.hidden-xs类的内容。您可以在http://getbootstrap.com/css/#responsive-utilities上查看测试用例的完整列表

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

票数 4
EN

Stack Overflow用户

发布于 2014-05-31 01:08:49

使用CSS媒体查询,例如:

代码语言:javascript
复制
@media (max-width: 320px) {
    #footer {
        display: none;
    }
}
票数 2
EN

Stack Overflow用户

发布于 2014-05-31 01:09:18

你有没有尝试过上面的CSS类?

代码语言:javascript
复制
.hidden-xs /* phone */ 
.hidden-sm /* phablet/tablet */

您可以将它们一起使用:

代码语言:javascript
复制
<div class="hidden-xs hidden-sm">...</div>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23959816

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档