メトロで入力コントロールのサイズを変更するにはどうすればよいですか？

Question

Metro UI Frameworkで入力のサイズを制御する方法はありますか？ブートストラップにはform-group-smというクラスがありますが、MetroUIのようなものがありますか？

Answer 1

MetroUIは次のように完全にブートストラップとして取り上げたが、それはいくつかの簡単なoptions for inputsありません。

<!-- Checkbox --> 
<label class="input-control checkbox"> 
    <input type="checkbox" checked> 
    <span class="check"></span> 
    <span class="caption">Checkbox</span> 
</label> 
<!-- Small Checkbox --> 
<label class="input-control checkbox small-check"> 
    <input type="checkbox" checked> 
    <span class="check"></span> 
    <span class="caption">Checkbox</span> 
</label> 
<!-- Radio button --> 
<label class="input-control radio"> 
    <input type="radio"> 
    <span class="check"></span> 
    <span class="caption">Radio</span> 
</label> 
<!-- Small radio button --> 
<label class="input-control radio small-check"> 
    <input type="radio"> 
    <span class="check"></span> 
    <span class="caption">Small radio</span> 
</label> 

テキストボックスは、デフォルトまたは大きなものとなります。

<div class="input-control text big-input"> 
    <input type="text"> 
</div> 

また、簡単なオプションのカップルを提供buttonsの場合：

<button class="button">Caption</button> 
<button class="button mini-button">Caption</button> 
<button class="button small-button">Caption</button> 
<button class="button large-button">Caption</button>