我想开始学习 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 的回答中提到的观察结果当然仍然有效。


评论关闭
IT干货网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!