David Scotson

I did this in a experimental Bootstrap theme:

https://github.com/ds125v/moodle-theme_bootstrap_renderers/blob/master/renderers/core_renderer.php#L599-L608

It checks the "menu title" text and if it starts with icon- then it add the appropriate HTML(http://twitter.github.io/bootstrap/base-css.html#icons) just before the text.

As an added bonus the icons will invert when you hover over the drop down due to standard Bootstrap magic.

Sorry for the short reply, I'm on my phone currently but two points:


1. you don't lose the changes in Bootstrap base because they are all in the .less files which you are importing so if you make no customizations then the generated CSS would match Bootstrap base exactly.

2. Less is built around the idea of producing a single file and Bootstrap takes advantage of that. It's not impossible to create multiple files (e.g. Bootstrap does it for its responsive stuff) but its more advanced and not really applicable in our case. Its simply easier to recreate the whole file with modifications.

You need to exclude the CSS coming from the parent theme in config.php.

This is close to what I do currently, except I leave CSS and LESS (and well everything) in Bootstrapbase completely as it is, inherit from it in MyTheme to get the renderers but exclude the CSS coming from the parent, then I have theme/mytheme/less/moodle.less (which is basically the same as your custom_compilefor_moodle.less) and generate that into theme/mytheme/style/moodle.css.

Keeps all the theme related stuff within it's own directory, and treats BootstrapBase as a read-only dependency.

Well, I just looked at their site (https://eliademy.com/) and since they appear to be using Bootstrap, I'd say the answer is yes.

edit: that comment was just on the basis of their welcome website, but I logged into their Moodle-based-MOOC and the answer is still yes, they're actually using Bootstrap.