Twitter bootstrap 类星体中类似自举的容器？

Quasar网站声明：

使用Quasar时，您不需要像[…]Bootstrap这样额外的繁重库。它在内部满足了这些需求，而且占地面积很小

然而，我不知道如何在Quasar中实现类似引导容器的行为。我遇到了一个例子，它显然像bootstrap一样使用行和列，但没有任何自动调整大小的容器元素

---

类星体中不存在容器吗？不推荐吗？还是我只是看的地方不对？

我也面临着同样的问题。我认为Quasar没有这个功能，最后我不得不为容器创建自定义CSS

这是我根据Bootstrap制作的课程，请将其放在您的

app.scss

（或

app.css

）上

如果您使用的是

.css

，只需删除变量并将断点值直接放在

@media min width

上即可

然后使用这个类

<q-page class="container">
    Boo!
</q-page>

喝倒采

我还为不同的断点创建了容器类。当我有不同类型的内容的不同页面时，我发现这很有用。如果只需要一种类型的容器，则可以删除特定断点的其他容器类

当然，您可以根据自己的喜好调整每个断点上的

max width

（甚至断点值，但我不推荐这样做）

---

检查css+html演示

Owl-这很好。假设您在样式构建中使用SCS，您可以进行一次更改，并使用

$breakpoint xs

，

$breakpoint sm

等作为变量名，然后只需更改

quasar.variables.scss

文件中

$breakpoint xs

的变量值即可（在您的示例中为718px）。这样做可以确保在CSS代码中始终使用相同的scss变量宽度作为大小。无论哪种方式，都使用了您的解决方案-谢谢！

<q-page class="container">
    Boo!
</q-page>