Comment Faire un matérialiser CSS du bouton de largeur de même que le col s12?

Je veux faire un bouton de soumission de la même longueur que le champ de saisie ci-dessus.

<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>
width:100% ne fonctionne pas?

OriginalL'auteur Pratik Saha | 2016-04-29

  1. 16

    Si votre colonne, vous avez votre champ de saisie est limité à une certaine largeur (dans la manière dont le Bootstrap colonnes de travail), vous pouvez mettre la .btn à l'intérieur d'une colonne.

    Après cela, vous pouvez utiliser les CSS pour faire de la largeur égale à la zone de saisie:

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

    Bien sûr, si le button comme un élément qui ne se plient pas à cette CSS-règle, vous pouvez utiliser <a class="btn"> à la place.

    Super! A travaillé pour moi. Merci.

    OriginalL'auteur ProDexorite