Bootstrap 3 CSS通常用于站点范围或应用程序范围。知道了这一点,我设计了一个HAPPENS在示例应用程序中使用Bootstrap的工具。这是在完成需求流程之后。显式设计是"在这个例子中碰巧使用Bootstrap,但目标用户可能会提供自己的样式规则。"
然而,结果看起来很棒并且已经提出要求的权力,"这个工具可以包含在任意页面上,看起来仍然像这样吗?"
简短的回答当然是" no"。 Bootstrap的样式可以执行各种操作,例如在通配符(*)选择器上使用border-sizing: border-box
。如果人们现有的CSS还没有在Bootstrap上构建,那么这将会弄乱人们。
有没有办法封装Bootstrap样式,以便它们仅限于特定的工具/窗口小部件?所以在div <div class="bootstrappy">
中,一切都受到Bootstrap类的影响,在那之外,什么都没有?我的目标是能够将我的Bootstrap样式小部件包含在以前没有包含Bootstrap的页面中,而无需修改之前的内容。
如果我必须在构建过程中执行此操作,那就没问题了(我现在正在使用Grunt,因此这对我来说是最好的选择);我希望避免的是手动梳理Bootstrap,以便剔除或修改元素级规则,这样他们就不会踩踏整个页面。