Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. Categorie
    3. Coding e Sistemistica
    4. Coding
    5. [Bootstrap] Allineamento verticale
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • felino
      felino Super User • ultima modifica di

      [Bootstrap] Allineamento verticale

      Ciao!
      Ho realizzato il seguente form

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

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • F
        flaviors200 User Attivo • ultima modifica di

        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.

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • felino
          felino Super User • ultima modifica di

          Scusami se rispondo adesso, ho risolto così:
          https://jsfiddle.net/robertinosalemi/pamo7Ls2/6/

          Tramite i tag:

          
          d-flex align-items-end justify-content-end
          
          

          🙂

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          Caricamento altri post
          Rispondi
          • Topic risposta
          Effettua l'accesso per rispondere
          • Da Vecchi a Nuovi
          • Da Nuovi a Vecchi
          • Più Voti