Creating a responsive divider (vertical/horizontal) in Bootstrap
<p>I'm struggling a bit with creating a responsive divider in Bootstrap. By responsive divider I mean a divider which is vertical on large screens and horizontal on smaller screens.</p>

<p>Vertical divider:</p>

<p><a href="https://i.stack.imgur.com/gsoMO.png" rel="noreferrer"><img src="https://i.stack.imgur.com/gsoMO.png" alt="Vertical divider"></a></p>

<p>Horizontal divider:</p>

<p><a href="https://i.stack.imgur.com/V7f4t.png" rel="noreferrer"><img src="https://i.stack.imgur.com/V7f4t.png" alt="Horizontal divider"></a></p>