我想限制桌面屏幕上元素的大小

Question

添加.col-xs-12使得我的元素不仅在移动设备上占据100％的空间，我如何在桌面上缩小它？我应该嵌套其他列类，如.col-md-4等吗？

这就是它在桌面上的样子：

Answer 1

如果您没有为较大的屏幕指定不同的值，则

.col-xs-12将呈现为所有视口大小的默认值（例如.col-lg-4 / .col-md-6 / .col -sm-8）

如果没有看到您的代码，我就无法告诉您实际想要实现的目标，但如果您只想让笔记本/桌面视图占据50％，那么您可以使用以下html：< / p>

<div class="col-md-6 col-xs-12">

请注意，如果您采用这种方式，则需要在较大的视图中平衡网格（行中的12列）http://getbootstrap.com/css/#grid-options

Answer 2

我不太关注你，但我认为你是在经历了以下行为之后

<div class="col-md-6 col-sm-12 col-xs-12">

这将允许xs和sm视口的全宽