Css Twitter引导-更改表单中复选框的高度

我有一个使用Twitter引导框架（v3.1.1）的简单HTML表单。在智能手机/iPhone上，这些复选框非常小，很难用手指选择。我想让它们变得更大/间距更大，这样它们更容易被击中，但到目前为止还没有找到一种方法——这是可能的吗

这是我的html表格：

<div class="container">

    <div>

        <p>Tick all that apply:</p>

        <form role="form" action="continue.php" method="post">
            <input type="hidden" name="selectionID" value="4567">
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="selection[]" value="Fever/Temperature">Apples<br>
                    <input type="checkbox" name="selection[]" value="Swelling or redness at injection site">Oranges<br>
                    <input type="checkbox" name="selection[]" value="Pain at injection site">Bananas<br>
                    <input type="checkbox" name="selection[]" value="Tired/Fatigued">Pears<br>
                    <input type="checkbox" name="selection[]" value="Irritable">Mangoes<br>
                    <input type="checkbox" name="selection[]" value="Sleep pattern change">Watermelon<br>
                    <input type="checkbox" name="selection[]" value="Other">Other<br>

                </label>
            </div>

            <button type="submit" class="btn btn-primary">Next</button>
        </form>
    </div>

</div>

勾选所有适用项：

苹果

橙子

香蕉

梨

芒果

西瓜

其他

下一个

---

我还设置了一个JSFIDLE

这不是一件容易的事。。请查看此处所做的研究：

另外，请确保您使用的是正确的HTML代码。您应该用

标签

包装每个复选框，如下所示：

 <div class="checkbox">
     <label>
         <input type="checkbox" name="selection[]" value="Fever/Temperature" />Apples<br/>
     </label>
     <label>
         <input type="checkbox" name="selection[]" value="Swelling or redness at injection site" />Oranges<br/>
     </label>
     <label>
         <input type="checkbox" name="selection[]" value="Pain at injection site" />Bananas<br/>
     </label>
     <!-- etc. -->
</div>

苹果

橙子

香蕉

这不容易做到。。请查看此处所做的研究：

另外，请确保您使用的是正确的HTML代码。您应该用

标签

包装每个复选框，如下所示：

 <div class="checkbox">
     <label>
         <input type="checkbox" name="selection[]" value="Fever/Temperature" />Apples<br/>
     </label>
     <label>
         <input type="checkbox" name="selection[]" value="Swelling or redness at injection site" />Oranges<br/>
     </label>
     <label>
         <input type="checkbox" name="selection[]" value="Pain at injection site" />Bananas<br/>
     </label>
     <!-- etc. -->
</div>

苹果

橙子

香蕉

查看此处的问题和我的答案查看此处的问题和我的答案