如何在MaterialiseCSS中将标签与select对齐?

时间:2016-01-15 22:10:45

标签: materialize

我正在尝试使用MaterialiseCSS创建多个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();

不幸的是结果如下:

Select

虽然他们的示例看起来像this

怎么回事?

1 个答案:

答案 0 :(得分:2)

我也有这个问题。

确保您的input-field包含在课程row的div中,并确保您的input-field具有col和size类:

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

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