twitter-bootstrap – Legacy CSS与Bootstrap冲突 – 如何解决?

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – Legacy CSS与Bootstrap冲突 – 如何解决?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是Bootstrap的新手,所以这可能是一个天真的问题.但我相信别人有或将会有一个类似的问题,所以这里.

我正在实施引导到一个已经存在了很长一段时间并发展成熟的网站.一旦我将自举css和js添加到我的html中,很多元素就会搞砸了.据我所知,这可归因于我使用与引导相同的类名.例如,我有一个名为’btn’的类,引导也是这样.我所有的按钮看起来都很丑陋和/或奇怪.列表继续下去.

当人们首先在现有的网站上实施Bootstrap时,这个程序是否相当合适?这只是一个经历旧的css文件重命名的事情吗?任何优雅的解决方案在那里?

解决方法

Paul和Millimoose都提供了为我工作的解决方案.然而,对于新手来说,解决方案采取了一些挖掘,所以这里是一步一步描述对我有用的东西(以及我相信他们推荐的).

>基本上你必须修改自举css文件.基本上将整个引导的css文件包装在这里:

.bootstrap {
//整个boostrap css文件到这里
}
>使用http://winless.org/online-less-compiler生成新的CSS代码.您需要在上述链接中的上方的代码的左侧.
>将上述链接输出复制到css文件中.将这个css文件包含在你的html中.
>当需要使用boostrap时,只需放置想要引导应用的元素.

非常感谢所有的帮助,找出这个解决方案.效果很好.

原文链接:https://www.f2er.com/bootstrap/234042.html

猜你在找的Bootstrap相关文章