Binden von Bootstrap an einen einzelnen div-Container

Question

Ein in php geschriebenes Tool ist in einem Shopsystem enthalten (oxyd eShop as include). Das Tool wird mit Hilfe von Bootstrap geschrieben. Ich schließe die bootstrap.css usw. nach der oxid.css ein (Hauptgeschäft css). Jetzt habe ich ein Problem mit Box-Sizing usw.

Wenn ich das ganze bootstrap.css in einem Container-div binden kann, dass Bootstrap ist nur verfügbar für diesen Container .. es lösen würde all meine Probleme ..

Weiß jemand, wie man das macht?

Answer 1

Sie können für einen Teil einer Website kein anderes Stylesheet festlegen. Check: Apply different css stylesheet for different parts of the same web page

könnten Sie Bootstrap CSS ändern und fügen Sie vor jeder Wähler-ID von Ihnen Bootstrap Container, zum Beispiel:

#myBootstrapContainer button { 
    overflow: visible; 
} 

So Regeln sollten die Bootstrap arbeiten nur Ihre Behälterinnenseiten

Answer 2

oxid.css

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

custom.css (Überschreibungen/erweitert oxid.css)

#myBootstrapContainer * { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
      box-sizing: border-box; 
/* put every style which should be overwritten in here ...*/ 
}