将3个输入字段并排对齐Materialize.css

我使用的是materialize.css，我有两个输入字段和一个范围，我希望它们都是并排的。我设法将两个输入字段放在同一行上，但范围一是堆叠的。这是我的密码

<div className="container">
            <div className="row">
                <div className="input-field col s12 m6">
                    <select>
                        <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>
                </div>
                <div className="input-field col s12 m6">
                    <select>
                        <option value="" disabled selected>Choose your option</option>
                        <option value="1" className="left">Option 1</option>
                        <option value="2" className="left">Option 2</option>
                        <option value="3" className="left">Option 3</option>
                    </select>
                </div>
                <div className="col s12 m6">
                    <div className="range-field col s12 m6">
                        <input type="range" id="test5" min="0" max="100"/>
                    </div>
                </div>
            </div>
        </div>

选择你的选择
选择1
选择2
选择3
选择你的选择
选择1
选择2
选择3

---

请帮忙谢谢

使用12列布局，并将每个

div

的宽度设置为

m6

，这意味着中等屏幕上有6列

您必须使用

m4

，因为12/3=4

更多信息：