How to add different margin on different breakpoints in Bootstrap
Use grid size for diffrent devices, in following example I used sm for mobile, md for ipad and lg for desktop
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<div class="mt-sm-5 mt-md-4 mt-lg-3"></div>