Question

我有一个很大程度上支持BluePrint CSS的大项目。

我想使用Bootstrap提供的一些组件（实际上是单选按钮组）。如果我添加Bootstrap给出的CSS / Images / JS，它不会与Blueprint定义的当前类冲突。

我想的一个选择是保守地添加Bootstrap并使用它的类。可能吗？我可以在项目中单独为Bootstrap CSS类定义一个新的“命名空间”，并将其与Blueprint定义的类隔离开来。然后我可以使用像boot-classname这样的类，它会从bootstrap中应用classname的样式。

Answer 1

只需使用引导单选按钮代码并包含它，而不是包含整个样式表，它将覆盖您已有的许多代码。

E.g。（包括复选框，但你可以删除.checkbox位）

    label {
        display: block;
        margin-bottom: 5px;
     }

     .radio,
    .checkbox {
      min-height: 20px;
      padding-left: 20px;
    }

    .radio input[type="radio"],
    .checkbox input[type="checkbox"] {
      float: left;
      margin-left: -20px;
    }

    .controls > .radio:first-child,
    .controls > .checkbox:first-child {
      padding-top: 5px;
    }

    .radio.inline,
    .checkbox.inline {
      display: inline-block;
      padding-top: 5px;
      margin-bottom: 0;
      vertical-align: middle;
    }

    .radio.inline + .radio.inline,
    .checkbox.inline + .checkbox.inline {
      margin-left: 10px;
    }

此外，您可能希望将标签更改为类，例如.boot-label，因此它不会影响您的蓝图标签css。

如何将Bootstrap添加到大量使用Blueprint的项目中

1 个答案: