Tengo tres secciones anidadas como esta a continuación.

<div class="row">
    <div class="col-md-2">
    A
    </div>
    <div class="col-md-10">
        <div class="row">
            <div class="col-md-6 col-sm-12">
            B
            </div>
            <div class="col-md-6 col-sm-12">
            C
            </div>
        </div>
    </div>
<div>

en situación normal, se muestra

| A | B | C |

Está bien.

pero cuando el navegador se estrecha (como los móviles).

Quiero mostrarme así

|   |  B |
| A |----| 
|   |  C |

Así que uso esto.

<div class="col-md-6 col-sm-12">

B C se apila verticalmente según lo previsto, sin embargo, Un área es tomada por B&C.

||B|
|| | <-- A is under B&C
||C|

¿Hay alguna manera de resolver??

1
whitebear 3 nov. 2019 a las 21:13