问题描述
我一直在使用boostrap 4.0建立我的网站。
一个新添加的项目要求我使用boostrap 3.3。
但是在添加了boostrap 3.3 css样式表之后,折叠/扩展导航栏无法正常工作。
因此,我正在考虑使用JS将脚本标签和链接标签应用于具有特定ID的项目。那可能吗?谢谢。
重写新添加的项目:(
解决方法
某些CSS和js组件可以在此处单独下载:https://getbootstrap.com/docs/3.4/customize/
例如,如果您只想将bs X3 css用于网格,则可以取消全部选中,然后选中“网格系统”。您还可以通过在类前面添加一个额外的类来修改bs css,以使其唯一。
示例(为每个X3引导类添加一个.bs-3类-如果下载sass文件可以轻松完成),因此无论您在哪里使用引导类以及新类,都应覆盖X4类。
.bs-3.row {
width: 100%;
max-width: 100%;
}
,
您要尝试的是反对CSS的工作方式(将样式应用于整个网站)。现在,对于某些组件(例如大多数框架中提供的那些组件,它们会为CSS和JS创建限制范围),这是可能的。
原生HTML components如今不被广泛使用。
如果仅是组件,则将其从Boostrap 3迁移到4应该没什么大不了的。 Bootstrap 3和Bootstrap 4之间的设计变化不大。
其他选项正在使用Boostrap 3的SAAS源,并重命名您使用的类并仅添加它们,但是我认为这会做得更多。