title: Creating a responsive divider (vertical/horizontal) in Bootstrap
body: <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>