ciao a tutti
ho una pagina di bootstrap che ha un elenco di problemi ognuno contraddistinto da un numero; il numero lo evidenzio con un--> <span class="badge badge-success">
mentre il testo del problema sta dentro ad un normalissimo <p>....</p>
appare così-->
sshot-1.png
Io invece vorrei che il testo non andasse a finire SOTTO il numero verde e che apparisse così-->
sshot-2.png
questo risultato l'ho fatto con il fotoritocco... ma come posso ottenerlo con i css?
Ciao, potresti risolvere semplicemente mettendo in due colonne badge e dettagli e quindi una cosa di questo tipo
oppure provare a dare un flot a uno degli elementi, (se guardi sulla documentazione ci sono già le classi che fanno questo sul sistama di griglie, si chiamano pull-left pull-right).codice:<div class="row col-lg-12"> <div class="col-lg-2"> BADGE </div> <div class="col-lg-10"> DETTAGLI </div> </div>
Permessi di invio
Rispondi quotando