+ Rispondi alla Discussione
Risultati da 1 a 3 di 3

[Bootstrap] Allineamento verticale

Ultimo Messaggio di felino il:
  1. #1
    Utente Premium L'avatar di felino
    Data Registrazione
    Nov 2009
    Località
    Acicatena - Catania
    Messaggi
    1,816
    Aggiungi felino su Facebook Aggiungi felino su Linkedin

    [Bootstrap] Allineamento verticale

    Ciao!
    Ho realizzato il seguente form
    Codice:
    <!-- 
      Bootstrap docs: https://getbootstrap.com/docs
    -->
    
    
            <div class="form-row clearfix row-margin">
                <div class="col-md-6 mb-3">
                    <label>Descrizione</label>
                    <textarea class="form-control" id="addNewEventDescription" rows="1" required></textarea>
                </div>
                <div class="col-md-3 mb-3">
                    <button type="submit" class="btn btn-primary pull-right m-10" id="addNewEventBntInsert">Inserisci</button>
                </div>
            </div>
    ma non riesco ad allineare il button in basso a destra, cioè con la textarea.

    https://jsfiddle.net/robertinosalemi/pamo7Ls2/2/

    Come fare?

    Grazie.

  2. #2
    Utente Premium
    Data Registrazione
    Nov 2018
    Località
    Ragusa
    Messaggi
    230
    Aggiungi flaviors200 su Google+ Aggiungi flaviors200 su Facebook Aggiungi flaviors200 su Linkedin
    Ciao,

    vorresti allineare il pulsante a sinistra come la textarea esatto?

    In questo caso è sufficiente rimuovere la classe pull-right dall'elemento button.

    Quella classa applica un float a destra, dunque non ti serve.
    Sviluppo siti web dinamici e gestionali | Flaviobiscaldi.it

  3. #3
    Utente Premium L'avatar di felino
    Data Registrazione
    Nov 2009
    Località
    Acicatena - Catania
    Messaggi
    1,816
    Aggiungi felino su Facebook Aggiungi felino su Linkedin
    Scusami se rispondo adesso, ho risolto così:
    https://jsfiddle.net/robertinosalemi/pamo7Ls2/6/

    Tramite i tag:
    Codice:
    d-flex align-items-end justify-content-end

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.