複数の選択肢のテキストがmaterialize.cssのチェックボックスの下に表示されます

Question

以下の例では、選択されていないテキストがチェックボックスの下に表示されていますが、スタイルパレットから属性をチェックすると、 。通常、テキストはチェックボックスの近くにある必要があります。問題の考え方は？インラインまたはディスプレイ：#courseに曲げる

<div class="container"> 
    <div class="row"> 
     <form class="col s12"> 
      <div class="row mt50"> 
      <div class="input-field col s3"> 
       <select class="validate faculty" name="faculty" id="faculty" onchange="getCourse();"> 
        <option value="">Choose</option> 
        <option value="FEng">Faculty of Engineering</option> 
        <option value="FMed">Faculty of Medicine</option> 
        <option value="FSci">Faculty of Science</option> 
       </select> 
       <label for="faculty">Faculty</label> 
       </div> 
       <div class="input-field col s4"> 
       <select name="course" id="course" multiple> 
        <option value="" disabled>Faculty not selected</option> 
       <select/> 
       <label for="course">Course</label> 
       </div> 
      </div> 
     </form> 
    </div> 
</div> 

Answer 1

は、あなただけの表示のいずれかを追加する必要があります。おそらく何かがチェックボックスを表示しています：デフォルトではブロックです。