我有一个现有的网站，有很多旧的页面和表格布局，我试图逐渐过渡到CSS。我想使用Twitter Bootstrap样式表 – 特别是表单的样式 – 但只在我明确要求的页面部分。例如，我可能在一个div中包围整个表单，如下所示：
<div class="bootstrap"> <!-- everything in here should have the Bootstrap CSS applied --> <form> <p><label for="text_input">Label</label><input type="text" id="text_input" /></p> </form> </div>
我想让所有其他形式保持与现在一样，因为我不能在同一时间改变它们。有没有一个简单的方法来做到这一点？我可以通过Bootstrap CSS中的每一个样式，并添加一个父选择器(例如’p’将成为’div.bootstrap p’)，但这将需要很长时间，这将是很容易错过的样式。
解决方法
对于Bootstrap 3，如果你使用less更容易：
下载Bootstrap源代码并创建一个style.less文件，如下所示：
.bootstrap {
@import "/path-to-bootstrap-less.less";
@import "/path-to-bootstrap-responsive-less.less";
}
最后，你必须编译less文件;有很多替代品
https://github.com/cloudhead/less.js/wiki/Command-Line-use-of-LESS
https://github.com/cloudhead/less.js/wiki/GUI-compilers-that-use-LESS.js
或者只是使用npm：npm install -g less并运行lessc style.less。
