実体化CSSボタンの幅をcol s12と同じにする方法は？

Question

送信ボタンの長さを、その上の入力フィールドと同じにしたいとします。

`<div class="row"> 
    <div class="input-field col s12"> 
     <input id="speciality" type="text" class="validate"> 
      <label for="speciality">Speciality</label> 
    </div> 
</div> 
<div class="row"> 
    <button class="btn waves-effect waves-light" type="submit" name="action">Search 
     <i class="material-icons right">search</i> 
    </button> 
</div>` 

Answer 1

あなたがあなたの入力フィールドを持っているあなたの列が（ブートストラップの列がどのように動作するかのように）一定の幅に制限されている場合は、あなたにも、列内.btnを置くことができます。その後

、あなたが入力フィールドに幅が等しくなるようにするには、次のCSSを使用することができます。もちろん

.col.s12 > .btn { 
    width: 100%; 
} 

を要素としてbuttonは、このCSSルールを曲げていない場合は、使用することができます代わりに<a class="btn">