Salve, ho una serie di button inseriti in verticale nella pagina, inclusi in questa struttura:
codice:
<div class="col-md-2 col-sm-4"> <div class="panel panel-default">
<div class="panel-bodys">
<div class="btn-group-vertical center-block row">
Ogni button è così definito:
codice:
<button type="button" class="btn btndiv btn-default col-6 col-lg-12" onclick="link()"> <h4><i class="fa fa-calendar"></i></h4>
Link
</button>
Vorrei che questi button, in modalità smartphone, si disponessero su due colonne, ma ho difficoltà a gestire le varie classi di appartenenza del blocco di button, poiché rimuovendole o sovrascrivendole perdo il centramento dei button, e comunque diventa impossibile fissarne la larghezza in base allo spazio disponibile.
Ho anche provato a inserire ogni button in un
codice:
<div class="col-6 col-lg-12">
rimuovendo quei selettori dalle classi dei button, ma perdo del tutto l'effetto di btn-group-vertical e center-block.