Widget ui is overlapping in kentico cms

What does the browser development console say on this? What styles are clashing? Or, in other words, what troubleshooting have you tried?

Hi Juraj ondrus,

I just checked this issue using browser developer tools. While seeing this issue in browser developer tools I have found Kentico admin interface CSS classes and HTML tags. And those classes having some CSS. So I can't exactly troubleshoot as I want, because I am unable to find the exact markup as the live site when I open the page or widget in the admin interface.

When you try disabling some of the classes in the browser console, which ones are clashing? Have you tried e.g. disabling one by one your CSS classes to see which ones are interacting with Kentico UI and adjusting their code? How would someone else reproduce the issue e.g. using the sample Dancing Goat MVC project?

in my case, I am using the bootstrap grid model to apply the CSS to the children elements. so because of the extra markup of Kentico, the bootstrap CSS is applying to the Kentico default markup also. This is the reason I am getting the UI alignment and overlapping issues. So how could I prevent bootstrap CSS not to apply the Kentico default markup in cms?