I have an existing website with lots of old pages and forms laid out with tables which I am trying to gradually transition to CSS. I want to use the Twitter Bootstrap stylesheets - particularly the styles for forms - but only on sections of pages where I have explicitly requested them. For example, I might surround the whole form in a div like so:
<!-- everything in here should have the Bootstrap CSS applied -->
<p><label for="text_input">Label</label><input type="text" id="text_input" /></p>
The final fix was to use SASS (recommended by someone off-site), as that allows you to nest elements and then automatically produce the final CSS. Step by step the process is:
bootstrap-all.scss, with the content
div.bootstrapselector by appending
bootstrap-all.scssto produce a final CSS file.