グループ内の1つのボタンで全幅にする方法

Question

右側のボタンでフルにしたいです。 ボタン要素にbtn-blockを追加しましたが、それはなぜ動作していないのですか？

Jsfiddle Here

<div class="fieldset"> 
    <div class="field qty"> 
     <label class="label" for="qty"><span>Qlty</span></label> 
     <div class="control control-qty-cart"> 
      <span class="quantity-controls quantity-minus"></span> 
      <input type="number" name="qty" id="qty" maxlength="12" value="1" title="Aantal" class="qty-default input-text qty" data-validate="{&quot;required-number&quot;:true,&quot;validate-item-quantity&quot;:{&quot;minAllowed&quot;:1}}"> 
     </div> 
    </div> 
    <div class="actions"> 
     <button type="submit" title="In Winkelwagen" class="action primary tocart btn-block" id="product-addtocart-button"> 
      <span>In Winkelwagen</span> 
     </button> 
    </div> 
</div> 

Answer 1

ないあなたがからのブートストラップコードを取った場所を確認してください。私はこのリンクを試して、それは働いた。また、コードを直接そこに置くのではなく、外部ライブラリとして追加する方がよい。ブートストラップ3（JS）についてhttps://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

：ブートストラップ3（CSS）について

https://getbootstrap.com：ブートストラップ4について https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js

このリンクからCDNを得ます