I'm a nominal admin (no longer active due to reasons) to this one wiki, and I've added Bootstrap's label classes for use in three cases: flags/notes on a very long list (here), a contests portal and an infobox template. It looks fine on desktop, but as you know classes are stripped off mobile, and Wikia.css doesn't load on it. The end result is that on mobile these notes/flags collide into the list item's text. There's no problem with the other two cases.
I have thought of a way to remedy this, by:
- put what you want to appear on mobile as the text node. Preferably with brackets placed as hard text (not CSS :before and :after text because that doesn't work)
- on desktop, hide the class elements entirely
- on desktop, place text to appear on a data-text html attribute, and display that instead (with
.label:after{content:attr(data-text);...}
)
Or you could just let me add the label classes to the mobile CSS itself. Too bad the hackaround no longer works.