h t t p : / / s1.postimg.org/83u3kdvcf/schem_1.png

Quando riduco le dimensioni della finestra, le colonne si impilano e anche gli elementi al suo interno fanno la stessa cosa, ottenendo il seguente risultato:

h t t p : / / s21.postimg.org/adlabz27b/fig_2.png

Ecco, il problema è proprio questo. Io vorrei che quando il sito viene visualizzato sui dispositivi mobile(o tablet, o comunque risoluzioni ridotte), le colonne laterali si allineassero in orizzontale al di sopra della colonna centrale(e che gli elementi all'interno). Praticamente ambisco ad avere il seguente risultato:

h t t p : / / s30.postimg.org/aj0un1qv5/fig_3.png

Purtroppo, dopo svariati tentativi, non sono riuscito ad ottenere il risultato sperato.

Il codice(semplificato) è questo:

[HTML]

<body>

<nav class="navbar navbar-default navbar-fixed-top">
<div class="navbar-header">
<a class="navbar-brand" href="index.php"><img src="img/logo.png"></a>
</div>
</nav>

<div class="container">

<div class="row">
<div class="col-xs-2 ">
Col_sx
</div>

<div class="col-xs-8">
Col_cx
</div>

<div class="col-xs-2 "> Col_dx
Col_dx
</div>

</div>
</div>

</body>

[/HTML]

In attesa di una eventuale risposta

Buona domenica a tutti