我正在使用 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/