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

发布时间：2020-12-18 00:18:41 所属栏目：安全来源：网络整理

导读：我是Bootstrap的新手,所以这可能是一个天真的问题.但我相信别人有或将会有一个类似的问题,所以这里. 我正在实施引导到一个已经存在了很长一段时间并发展成熟的网站.一旦我将自举css和js添加到我的html中,很多元素就会搞砸了.据我所知,这可归因于我使用与引导

我是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时,只需放置想要引导应用的元素.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!