首页 文章

Quasar Framework Flex类

提问于
浏览 次
0

使用Quasar Framework 0.15，我认为使用Flex相关类没有任何影响 . 一个简单的组件：

<template>
  <q-page class="flex">
    <div class="row">
      <div class="col-sm-6 justify-center">
        <q-btn-group>
          <q-btn label="1" />
          <q-btn label="2" />
          <q-btn label="3" />
        </q-btn-group>
      </div>
    </div>

  </q-page>
</template>

当我检查组件时，类'row'的div，例如'，没有预期的全宽，没有任何其他Flex相关的类，如'justify-start'或'col-sm-6'似乎上班 .

在这种情况下，我的btn-group显示在屏幕的左上角，好像没有应用css（'justify-center'应该居中）

我正在全新安装的web /材料主题上运行 .

css css3 flexbox vuejs2 quasar-framework

1 回答

  • 0

    你可以使用简单的q页面，没有任何类，它将占用全宽 . 您还可以使用固定中心类来居中内容 .

    <template>
  <q-page>
    <div class="row">
      <div class="col-sm-6 fixed-center">
        <q-btn-group>
          <q-btn label="1" />
          <q-btn label="2" />
          <q-btn label="3" />
        </q-btn-group>
      </div>
    </div>

  </q-page>
</template>
    回复于

相关问题