Buongiorno,
sto preparando un questionario ma sorge un problema con le domande con tipologia array per colonna e 2 sotto domande (caviglia destra e caviglia sinistra).
ovvero quando si compila da pc la schermata mostra una tabella corretta e comprensibile (foto 1) mentre quando si compila da mobile (meno pixel) la tabella cambia elencando le risposte per ogni sottodomanda confondendo il soggetto (foto 2).
Come posso fare per mantenere la schermata a 3 colonne (foto 1) anche su smartphone?

Grazie mille,

Ciao,
dovresti usare / creare un tema che sia "responsive".
Se sei su versione >3 allora il bootswatch dovrebbe andar bene.

Le sue esigenze sono non-responsive, quindi credo che anche il BootsWatch gli posizionerebbe le colonne dell'array una sotto l'altra. Non saprei proprio dove trovare un tema non-responsive sulla 3, mi sa che se lo dovrà fare da solo, oppure provare a ridurre l'ampiezza delle etichette di domanda nel tema responsive (in %).
Io comunque avrei fatto due domande a scelta singola distinte, perchè nell'array a colonne non è intuitivo che la scelta singola si fa per riga e non per colonna, come la gente è più abituata

ops, è corretto. Responsive impilerebbe il tutto.

fare così (2 domande separate una per caviglia) potrebbe essere più comodo anche per la raccolta dati statistici?

No, non cambia nulla sulla struttura della tabella. Piuttosto mi domando se ha senso che per ogni caviglia sia una scelta singola: il dolore uno lo puo' avere in varie situazioni. Se la trasformi in scelta multipla, l'opzione mai la puoi fare esclusiva

è una traduzione di test validato quindi deve seguire i canoni del questionario madrelingua...
Grazie dei suggerimenti e provo a rimuovere le sotto domande.

avevo trovato questi consigli... ma non so dove posizionarli.

getbootstrap.com/docs/3.3/css/#responsive-utilities

www.w3schools.com/css/css_rwd_mediaqueries.asp