> My strategy: use a known CSS framework like Bootstrap,
Any suggestions for using Bootstrap or another CSS framework without using JavaScript? I'd like a pure CSS framework. Bootstrap looks good, but doesn't document what if any limitations will apply if not using their JS.
+1 for Bulma. I usually do custom design for anything customer facing. But I've been very happy with Bulma for a couple of internal dashboards where design wasn't important.
That looks promising! The minified version looks a little larger than Bootstrap (200k vs 160k), but it looks impressive, and I'm much happier going with something that uses Flexbox.
I just started digging into Bulma, and ran into https://github.com/jgthms/bulma/issues/1836 . It turns out you shouldn't use Bulma if you actually want h1, h2, and similar semantic elements to do anything. The default Bulma styles make h1, h2, and various other elements all look identical to normal body text, unless they have Bulma CSS classes applied to them.
The kind of CSS framework I expected was one that provides semantic classes for things like tab bars and similar, and then themes can decide things like "my tab bars should have borders around their tab labels". (And, as a side effect, the CSS would also be smaller, since it only needs a style for "tab bar", and not "tab bar without is-boxed" and "tab bar with is-boxed".)
Any suggestions for using Bootstrap or another CSS framework without using JavaScript? I'd like a pure CSS framework. Bootstrap looks good, but doesn't document what if any limitations will apply if not using their JS.