如何创建一个全高度垂直分隔符保留Bootstrap CSS响应式布局？

Question

我需要在不破坏Bootstrap CSS网格布局的情况下创建一个完整的高度分隔符，因为我可能需要将正确的列包装起来并在左列之后查看某些屏幕尺寸。

这是一张显示问题的图片：

这里有一个Bootply sandbox。

我的问题与其他关于使该列100％高的问题不同。虽然我已经将分隔符实现为右列的边框，但这不是必需的 - 我不关心右列的高度，它可能保持不变，并且分隔符也可以是单独的HTML元件。我只需要分频器100％高而不是整列。

有没有办法创建这个红色垂直分隔线，同时保持Bootstrap网格布局完好无损，以保持响应式设计？