如何在组中的一个按钮中使用全宽

时间:2017-11-23 22:53:40

标签: css twitter-bootstrap

我想用右侧的按钮充实。 我在按钮元素上添加了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>

1 个答案:

答案 0 :(得分:0)

不确定从哪里获取该引导代码。我试过这个链接,它的工作原理。最好将其添加为外部库,而不是直接将代码放在那里。 对于bootstrap 3(css):https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

对于bootstrap 3(js):https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js

对于bootstrap 4,从此链接获取cdn:https://getbootstrap.com