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

Question

我想在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>

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

Answer 1

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

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

行的整个长度为12列。您的两个输入共有6列。左侧偏移3列，您可以获得所需的元素居中。