我的要求是在少数现有的站点中嵌入引导样式DIV。现有的站点可能有引导或非引导实现。
下面是典型的HTML结构，
<!--Existing site html-->
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<here thier styles and scripts>
</head>
<body>
<Existing site body>
<!--My embedded div below-->
<div class="my-embedded-div">
<here my bootstrap prefixed style sheet(Ex:[.my-embedded-div allbootstrap styles])>
<all my divs , modals and components>
</div>
</body>
</html>下一期，
我将我的div插入到现有的Bootstrap站点（现有站点拥有自己的Bootstrap版本实现）。这个场景我的embedds div中的元素在所有设备中都是响应的。这个场景很好。
但是当我用un-Bootstrap站点来实现时（现有的站点没有Bootstrap实现）。我的嵌入div根本没有响应。如下图所示，
即使我有meta name=“viewport”content=“width=device width，initial scale=1.0仍然没有响应。
我怎样才能解决这个案子？
注意：我只是通过添加前缀到父元素和预置我的引导插件（引用link）来处理冲突引导。我使用的是bootstrap 4.1.3，也不是html设计专家。
最佳答案
尽管您没有在示例中显示实际的代码，但是无法在html文档的主体中导入或定义css样式。您应该将它放在某个地方，并使用javascript将其注入到文档的head中。
如果您不可能在服务器中托管这些样式，那么您可以始终内联地注入它们，也可以使用javascript。