我想开始学习 Twitter Bootstrap 并将其合并到我的网站中(从表单元素开始),但如果我按原样包含它,它会破坏网站的其余部分。
我想为所有选择器添加前缀,以便我可以逐步添加 Bootstrap 样式的内容,如下所示:<div class="bootstrap"><!-- bootstrap styled stuff here --></div>
因为我才刚刚开始学习,我真的不知道 less 有什么可能.我已经手动完成了选择器前缀,但我很好奇是否有办法使用 less这样我就可以通过修改 Bootstrap 来学习它,同时仍将其隔离在所需的 Bootstrap 容器中。
现在,我必须在编译 less 文件后的第二步中添加前缀。
感谢您的任何建议!
请您参考如下方法:
为了避免 periklis 的回答中提到的问题:创建自己的 prefixed-bootstrap.less重新编译已编译的 bootstrap.css在 :
.bootstrap {
@import (less) 'dist/css/bootstrap.css';
@import (less) 'dist/css/bootstrap-theme.css'; /* optional */
}
不需要
sed然后命令。 Lars Nielsen 的回答中提到的观察结果当然仍然有效。




