Как я могу изменить размер элемента управления вводом в интерфейсе метро?

Question

Как я могу контролировать размер входов в Metro UI Framework? Bootstrap имеет класс form-group-sm, я думаю, но есть ли у MetroUI нечто подобное?

Answer 1

MetroUI не так полно, как Bootstrap, но имеет несколько простых опций для ввода:

<!-- 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>

Он также предоставляет несколько простых опций для кнопок:

<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>