Wie kann ich die Größe der Eingabesteuerung in Metro ui ändern?

Question

Wie kann ich die Größe der Eingaben in Metro UI Framework steuern? Bootstrap hat Klasse Form-Group-sm ich denke, aber haben MetroUI etwas ähnliches?

Answer 1

MetroUI ist nicht so vollständig wie Bootstrap gekennzeichnet, aber es hat einige einfache 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> 

Textfelder Standard sein kann oder groß:

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

Es bietet auch ein paar einfache Optionen für 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>