materialize - 如何将标签与 MaterializeCSS 中的选择对齐？

Question

我正在尝试使用 MaterializeCSS 创建多个 select。
我的 html 看起来像这样:

<div class="input-field">
    <select multiple>
        <option value="" disabled selected>Choose your option</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
    </select>
    <label>Brands</label>
</div>    

激活选择:$('select').material_select();

不幸的是，结果是这样的:

虽然他们的例子看起来像this .

怎么会？

Answer 1

我也有这个问题。

确保您的 input-field 包含在类 row 的 div 中，并确保您的 input-field 有一个 col和尺寸等级:

<div class="row">
    <div class="input-field col s12">
    ...

如果这不起作用，请确保 form 的其他类或其他 div 与 materialize 网站上的示例相匹配。