添加 .col-xs-12 不仅在移动设备上让我的元素占用 100% 的空间，如何在桌面上缩小它？我是否应该嵌套额外的列类，如 .col-md-4 等？
这是它在桌面上的样子:
最佳答案
.col-xs-12 将呈现为所有视口(viewport)尺寸的默认值，如果您没有为更大的屏幕指定不同的值(例如 .col-lg-4/.col-md-6/.col-sm -8)
如果没有看到您的代码，我无法说出您实际想要实现的目标，但是如果您只希望条形图在笔记本电脑/台式机 View 中占据 50%，例如您将拥有如下 html:
<div class="col-md-6 col-xs-12">
请记住，如果您这样做(行内 12 列)，则需要在较大的 View 中平衡网格 http://getbootstrap.com/css/#grid-options
关于html - 我想限制桌面屏幕上元素的大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28260754/