假设我创建了一些使用引导列进行布局的组件。只要我将这些组件设置在屏幕范围的容器中，它们就可以很好地呈现。例如：

<div class="container">
 <div class="row">
  <div class="col-lg-6"/><div class="col-lg-6"/>
 </div>
</div>

然而，让我们说，我现在想显示这个相同的组件到一个更小的空间。即：让我们说它从主列移动到一个边列。
我如何让列堆叠而不是并排显示。我使用的“col-lg”只适用于屏幕大小。相反，我想让这些列对它们的容器大小做出React。