Pourquoi mon bouton n'est pas dans la même ligne que le formulaire et la chaîne?

Question

Je ne peux pas trouver le moyen de mettre le bouton sur la même ligne que le formulaire et le texte en réponse responsive pour mobile.

<div class="col-xs-12 col-md-6 nopadding"> 
       <div class="row col-xs-8 col-md-8 pts-vcenter"> 
        <div class="col-xs-4 col-sm-5 col-md-5"> 
         <span class="bold">{l s='Voucher' mod='onepagecheckoutps'}</span> 
        </div> 
        <div class="col-xs-4 col-sm-7 col-md-7 nopadding-xs"> 
         <input type="text" class="discount_name form-control" id="discount_name" name="discount_name" value="{if isset($discount_name) && $discount_name}{$discount_name|escape:'htmlall':'UTF-8'}{/if}" /> 
        </div> 
       </div> 
       <div class="col-xs-4"> 
        <span type="button" id="submitAddDiscount" name="submitAddDiscount" class="btn btn-default btn-small"> 
         {l s='Add' mod='onepagecheckoutps'} 
        </span> 
       </div> 
      </div> 

Answer 1

Essayez d'utiliser col-xs-12 comme ceci:

<div class="col-xs-12"> 
    <span type="button" id="submitAddDiscount" name="submitAddDiscount" class="btn btn-default btn-small"> 
    {l s='Add' mod='onepagecheckoutps'} 
    </span> 
</div> 

Et ne pas oublier d'utiliser la classe rangée :)