开发者社区> 问答> 正文

不改变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代码处理,好像会搞得很复杂,考虑到多浏览器兼容问题,自己写有点力不从心

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

展开
收起
a123456678 2016-03-25 10:06:26 3383 0
1 条回答
写回答
取消 提交回答
  • 用less, 或者sass导入还行吧,太占资源?按需导入,编译之后还好吧。其实这个相当于直接修改bootstrap了。
    我觉得吧,把老的页面一下全改了,测试量太大了。就算你改完了,以后修改这些页面是不是还要按旧的规范来?不如保留旧的页面,分模块,或者只有页面有更新时,把页面用bootstrap方式的重写一遍。
    拙见。

    2019-07-17 19:13:35
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
基于webpack和npm的前端组件化实践 立即下载
天猫HTML5互动技术实践 立即下载