Question

我正在从事项目，并且我在中间加入了该项目，该项目具有bootstrap offline bootstrap.min.js文件。现在，我正在做一些更改并在我的网站上创建新页面。但是，当我在项目中使用诸如模式之类的东西时，而引导程序却无法正常工作；而当我使用在线引导程序链接或cdn时，则表明其模态运作良好。但以前的工作或页面会生效。为什么脱机引导程序在我的网页上不起作用。

这是我的离线引导文件

<link href="<?php echo base_url();?>assets/styles/maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" >

这是我的在线链接。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">

如何避免此链接之间的冲突。或者说出解决这个问题的更好方法。

Answer 1

脱机版始终适用于我。但是请确保检查是否包含popper.js！这里的规则是，您只能使用一个版本的CDN或脱机版本。对我来说，每当我使用脱机版本时，我都会从链接中删除integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"，对我有用

Answer 2

设置一个环境变量，例如ENV。然后在您的开发机器上将其设置为“开发”。然后，在加载该样式之前，先做

<?php if (getenv('ENV') && getenv('ENV') === 'development') {
echo '<link href="' . base_url() . 'assets/styles/maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" >';
} else {
echo '<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">';
}
?>

这是什么，请检查是否已设置名称为“ ENV”的环境变量，如果已设置，则检查其是否等于“开发”。然后加载本地，否则加载CDN。您无需在生产机器上进行任何更改，只需在您的本地计算机上进行设置即可。

引导链接相互冲突

2 个答案: