不改变html dom的 id 以及 class ,如何套用bootstrap或者类似的前端框架呢-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

a123456678 2016-03-25 10:06:26 1413

碰到的问题是这样,就是以前开发的网站,模板都不想变了,包括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代码处理,好像会搞得很复杂,考虑到多浏览器兼容问题,自己写有点力不从心

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

前端开发 JavaScript
分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:13:35

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

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程