Bootstrap list group for desktop, accordion for mobile
<p>I have a list of items in my footer. For desktop I'd like it to just be a simple list group. For mobile, I want just the titles to show but the actual list items should be collapsed in an accordion. Is there a way to do that or do I need to create two separate versions, one for mobile and one for desktop?</p>

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