Ciao a tutti, sto usando bootstrap per creare una semplice pagina. In questa pagina ho vari bottoni di tipo "btn-block", che sono i bottoni che occupano il 100% della larghezza del contenitore in cui sono messi. Io ho creato una nuova tipologia chiamata "btn-block2" in cui imposto la loro larghezza a 49,7% in modo da poter mettere due bottoni sulla stessa linea che occupano comunque tutto lo spazio possibile e il risultato è questo :
Premetto che il tutto è dentro il sistema di griglie di bootstrap e che se metto 50% width come valore mi vanno a capo come nella seconda immagine anche a senza diminuire la dimensione della finestra. Ho provato anche a fare una prova al di fuori delle griglie e mi da lo stesso problema. Sapete come aiutarmi in modo da evitare che i due bottoni si visualizzino come nella seconda immagine quando diminuisco la dimensione della finestra?
Grazie
CSS:
.btn-block2 {
display: inline-block;
width: 49.7%;
}
input[type="submit"].btn-block2,
input[type="reset"].btn-block2,
input[type="button"].btn-block2 {
width: 49.7%;
}
Premetto che il tutto è dentro il sistema di griglie di bootstrap e che se metto 50% width come valore mi vanno a capo come nella seconda immagine anche a senza diminuire la dimensione della finestra. Ho provato anche a fare una prova al di fuori delle griglie e mi da lo stesso problema. Sapete come aiutarmi in modo da evitare che i due bottoni si visualizzino come nella seconda immagine quando diminuisco la dimensione della finestra?
Grazie