不改变html dom的 id 以及 class ,如何套用bootstrap或者类似的前端框架呢


碰到的问题是这样,就是以前开发的网站,模板都不想变了,包括id和class的名字

现在想套用bootstrap的样式,按理来说把网站模板dom的class或者id的名字改为bootstrap的名字就行,可是牵扯内容太多太乱不想改了

有没有办法改变bootstrap使用的class或者id名称的办法

我尝试的一个办法是 通过 Less,拿图片举例吧,比如圆角图片,我就这样


 @import (less) "bootstrap.css";

img.mycircle{
  .img-circle
}

但是这样的方法也有问题

1.感觉这样很不靠谱,将整个bootstrap作为less导入,比较占用资源

2.这也只是针对css有效,js还是没有解决,我感觉依旧可以自己写一段js代码处理,好像会搞得很复杂,考虑到多浏览器兼容问题,自己写有点力不从心

大家有木好的解决办法,谢谢啦!

前端 web前端开发 css bootstrap JavaScript

dyangko 10 years, 8 months ago

用less, 或者sass导入还行吧,太占资源?按需导入,编译之后还好吧。其实这个相当于直接修改bootstrap了。
我觉得吧,把老的页面一下全改了,测试量太大了。就算你改完了,以后修改这些页面是不是还要按旧的规范来?不如保留旧的页面,分模块,或者只有页面有更新时,把页面用bootstrap方式的重写一遍。
拙见。

willy answered 10 years, 8 months ago

Your Answer