We have some teachers that uses Bootstrap Carousels inside labels or pages. This kind of content works fine when access via web because bootstrap carousel is loaded by default in our theme but it is displayed awful when accessing via APP.
There is a more elegant way to accomplish it? will be nice if the APP defines some special css classes to hide elements just when they are rendered in the APP, and vice versa.
Thanks in advance
You can create a "remote theme" to hide those elements in the app. A remote theme is a CSS file that is applied to the app when your site is accessed. You can define it in:
Site administration > Mobile app > Mobile appearance
You'll find more info in here:
Regarding having classes to hide stuff, the framework we use hides elements that have a "hidden" attribute (not a class). I haven't tried adding it in a HTML from Moodle, but I think it should work. So you could try doing:
<div hidden> ... </div>