将Bootstrap绑定到单个div容器

Question

用PHP编写的工具包含在商店系统内（包括氧化eShop）。该工具是在bootstrap的帮助下编写的。我在oxid.css（主要商店css）之后包括bootstrap.css等。现在我的盒子大小等问题。

如果我可以将整个bootstrap.css绑定到一个container-div，那个引导程序只适用于该容器..它可以解决我所有的问题..

#myBootstrapContainer { bootstrap only available here }

有谁知道怎么做？

Answer 1

您无法为网站的某个部分设置不同的样式表。校验： Apply different css stylesheet for different parts of the same web page

您可以修改bootstrap css并在引导容器的每个选择器ID之前添加，例如：

#myBootstrapContainer button {
  overflow: visible;
}

所以boostrap的规则应该只适用于你的容器内部

Answer 2

oxid.css

()

custom.css（覆盖/扩展oxid.css）

    * {
-webkit-box-sizing: inherit;
     -moz-box-sizing: inherit;
          box-sizing: inherit;
}