Html 如何在Materialize中对齐一行上的两个输入文本？

我想在Materialize.css上集中两个输入文本，但当我尝试这样做时，结果并不好。这就是代码：

<div class="card-content valign center">
    <div class="row">
        <form class="col s12">
            <div class="row">
                <div class="input-field col s3">
                    <input id="Valor1" type="text" class="validate" maxlength="10">
                    <label for="Valor1">Valor 1</label>
                </div>
                <div class="input-field col s3">
                    <input id="Valor2" type="text" class="validate" maxlength="10">
                    <label for="Valor2">Valor 2</label>
                </div>
            </div>
        </form>
    </div>
</div>

勇气1
勇气2

---

这里有很多文本字段，例如：

，为了将您可以添加到第一列的输入居中：

<div class="input-field col s3 offset-s3">
    <input id="Valor1" type="text" class="validate" maxlength="10">
    <label for="Valor1">Valor 1</label>
</div>

勇气1

---

行的整个长度为12列。您的两个输入总共有6列。左边有3列的偏移，你可以得到你想要的元素中心。

当你说结果不好时，你到底看到了什么？两个输入文本留在左边。非常感谢ikkuh。这正是我要找的。