angularjs - 在流体 Bootstrap 布局中隐藏列

标签 angularjs twitter-bootstrap twitter-bootstrap-3

我正在使用 bootstrap 3 和 AngularJS,并且我有两列流体布局。

这两列是这样声明的 -

<div class="chart col-md-8">...</div>
<div class="options col-md-4">...</div>

如果用户的浏览器窗口小于某个宽度,或者如果他们将其调整为小于某个宽度,我想隐藏选项列并使图表列占据屏幕的整个宽度。我该怎么做?

最佳答案

看这里:

Responsive Utilities

如果添加 .hidden-xs类到选项div对于超小型设备(<768px),它将不可见。找到适合您使用的类。您可以使用单个或组合可用的类来跨视口(viewport)断点切换内容。

<div class="options col-md-4 hidden-xs">...</div>

关于angularjs - 在流体 Bootstrap 布局中隐藏列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22272470/

相关文章:

html - 如何使用 HTML/CSS 调整动画 GIF 的大小?

javascript - 自定义自动完成 Angular Material

javascript - 你如何使用 AngularJS 或 Javascript 提供文件下载?

javascript - 我们可以在同一 div 中使用多个 Controller 吗

html - 如何使用 Twitter Bootstrap 将 div 放置在右上角

jquery - Bootstrap 3 折叠更改点击时的 V 形图标

javascript - 使用指令 Angular JS 动态更改文本的颜色

javascript - 如何让这个 Bootstrap 下拉菜单出现在固定页眉的顶部?

twitter-bootstrap - 如何在 Meteor 0.9 上安装 bootstrap-3?

javascript - Bootstrap 3 Datepicker v4 调用设置带有时刻或日期的日期