I am creating a web application, but the user's may access the web application via Desktop as well as mobile.
I am using Bootstrap to design the interface.
My question how shall I differentiate the code for mobile and desktop. I know I can use the grid system of Bootstrap, but the issue comes up many things for example lists i.e. for desktop I am using inline list but when I open on mobile that inline gets distorted. I want to achieve is that when I access the web application in desktop it should show an inline list but when I open on mobile it should open on mobile it show as unordered list.
Kindly let me know if any more information is required.
Thanks in advance.