There are currently five different ways to quickly bootstrap (no pun intended!) a Stack Snippet with specific frameworks:
- jQuery
- d3
- KnockoutJS
- Angular
- Custom / "external library"
At least one important one is missing: Twitter Bootstrap. It has about 3 times as many questions for its base tag as d3 and KnockoutJS have.
Now option 5 "External Library" is a very useful catch-all that can be used to include a framework other than "the base 4 options" in a Snippet, but with Bootstrap it's actually quite a fuss to figure out the right combination of libraries. I often find myself going back in a separate browser tab to one of my old questions to copy-paste e.g. this set of libraries:
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
I'm not sure how, but it'd be nice if Stack Snippets ordered some kind of assistance in setting up snippets to reproduce Twitter-Bootstrap scenarios. Is something like that feasible?
<link>
and<script>
tags.<depend>jquery,bootstrap</depend>
with a fall-back and the browser should fetch it locally)