Bootstrap: how to add vertical offset in columns?
<p>Bootstrap provides a class <code>col-sm-offset-*</code> to add spaces between columns. It is working fine on laptop screen but when we change screen resolution to mobile it displays columns arranged one below another without space.</p>

<p>Is there any class in bootstrap lib using which we can achieve expected result.</p>

<p><a href="https://jsfiddle.net/rishi24/q22xnmf9/" rel="noreferrer">Refer fiddle</a></p>

<p>Current output, </p>

<p><a href="https://i.stack.imgur.com/Uc111.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Uc111.png" alt="enter image description here"></a></p>

<p>Expected result,</p>

<p><a href="https://i.stack.imgur.com/fz5bm.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fz5bm.png" alt="enter image description here"></a></p>