css - 在 bootstrap 中使 div 标签可见和不可见

标签 css twitter-bootstrap

我的问题非常非常简单。(我是 css/html/javascript 的初学者)

我想在移动浏览器中隐藏一个 div,并在其他设备(PC 和笔记本电脑)中显示该 div。

我该怎么办?

最佳答案

查看 Bootstrap 的响应式实用程序文档,网址为 http://getbootstrap.com/css/#responsive-utilities .

在这种特定情况下,您可以使用类 visible-xs-block做一个<div>仅在用于手机的 xs 断点和类 hidden-xs 上可见做一个<div>在所有其他断点上可见。

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" />

<div class="visible-xs-block">only visible on xs</div>
<div class="hidden-xs">visible on everything but xs</div>

关于css - 在 bootstrap 中使 div 标签可见和不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27511839/

相关文章:

html - 内联图像和文本未正确对齐

ruby-on-rails - 如何使用 Twitter Bootstrap 图标而不是链接?

html - CSS float 权问题

jquery - 在 Arshaw fullcalendar 的 dayClick 上打开 TwitterBootstrap 3.0 弹出窗口

html - CSS (Font Awesome) - 在没有 Javascript 的情况下改变不同按钮状态的图标颜色

html - CSS div 的尺寸为 NaN

javascript - 根据用户输入选择 JavaScript 变量和数组元素

jquery - Bootstrap Popover 悬停 - 内容中间无法正常工作

JQuery Mobile 分组按钮宽度 - 使用 window.resize 跨越 100% 的 DIV

html - DIV 内出现空白