Tasti e Link
<!-- Tasto: --> <button type="submit" class="btn btn-primary">Tasto</button> <!-- Tasto disabilitato: --> <button disabled type="submit" class="btn btn-primary disabled">Tasto</button> <!-- Tasto completa: --> <button type="submit" class="btn btn-primary btn-success">Tasto</button> <!-- Tasto allineato a destra: --> <button type="submit" class="btn btn-primary pull-right">Tasto</button> <!-- Tasto allineato a sinistra: --> <button type="submit" class="btn btn-primary pull-left">Tasto</button> <!-- Tasti per gruppo di azioni primo step: --> <button type="reset" class="btn btn-link">Annulla</button> <div class="pull-right"> <button type="submit" class="btn btn-primary">Salva Bozza</button> <button type="submit" class="btn btn-primary">Continua<span class='fa fa-angle-right right'></span></button> </div> <!-- Tasti per gruppo di azioni altri step: --> <button type="submit" class="btn btn-primary pull-left"> <span class='fa left fa-angle-left'></span>Indietro </button> <button type="reset" class="btn btn-link">Annulla</button> <div class="form-group pull-right"> <button type="submit" class="btn btn-primary">Salva Bozza </button> <button type="submit" class="btn btn-primary">Continua<span class='fa fa-angle-right right'></span></button> </div> <!-- Tasti per gruppo di azioni step salvato: --> <button type="submit" class="btn btn-primary pull-left"> <span class='fa left fa-angle-left'></span>Indietro </button> <button type="reset" class="btn btn-link">Annulla</button> <div class="pull-right"> <span class='feedbackInline'><strong>Bozza salvata alle 10.40</strong></span> <button disabled type="submit" class="btn btn-primary disabled">Salva Bozza</button> <button type="submit" class="btn btn-primary">Continua<span class='fa fa-angle-right right'></span></button> </div> <!-- Tasti per gruppo di azioni ultimo step: --> <button type="submit" class="btn btn-primary pull-left"> <span class='fa left fa-angle-left'></span>Indietro </button> <button type="reset" class="btn btn-link">Annulla</button> <div class="pull-right"> <button type="submit" class="btn btn-primary btn-success">Termina</button> <button type="submit" class="btn btn-primary">Salva Bozza</button> </div> <!-- Tasto-link: --> <button type="submit" class="btn btn-link">Link Semplice</button> <!-- Tasto-link con icona a sinistra: --> <button type="submit" class="btn btn-link"><span class="fa fa-trash-o" title="Rimuovi elemento"></span>Link Icona SX</button> <!-- Tasto-link con icona a destra: --> <button type="submit" class="btn btn-link pull-right">Link Icona DX<span class='fa right fa-angle-double-right'></span></button>
Tasto:
Tasto disabilitato:
Tasto completa:
Tasto allineato a destra:
Tasto allineato a sinistra:
Tasti per gruppo di azioni primo step:
Tasti per gruppo di azioni altri step:
Tasti per gruppo di azioni step salvato:
Bozza salvata alle 10.40
Tasti per gruppo di azioni ultimo step:
Tasto-link:
Tasto-link con icona a sinistra:
Tasto-link con icona a destra:
User Experience
I tasti possono essere allineati sia a sinistra che ha destra.
Ogni tasto presenta un nome che esplicita la sua funzionalità.
Adiacente ad un tasto può essere presente un'indicazione di testo.