sabato 30 ottobre 2021

Asp.Net MVC bootstrap col-md two control horizontal inline form allineare i controlli in maniera responsive

Nello sviluppo di applicazioni Asp.Net MVC con Bootstrap nel caso che dobbiamo allineare i controlli su una stessa linea e renderli responsive, ossia che al ridimensionamento del browser questi rimangano nella stessa posizione, dobbiamo utilizzare la classe "form-inline col-md-offset-2".


Qui di seguito un frammento di codice di esempio.

<div class="row">

    <div class="col-md-4">

             <label for="NomeCampo">Testo</label>

                    <div class="form-inline col-md-offset-2">

                             <input type="text" name="Nome" class="form-control"  id="NomeID"  /> 

                                <input type="text" name="NomeAltroCampo" class="form-control"  id="NomeID" />

                  </div>

     </div>

 </div>

Nessun commento: