0

BluePrint CSS を多用する大きなプロジェクトがあります。

Bootstrap が提供するいくつかのコンポーネント (実際にはラジオ ボタン グループ) を使用したいと考えています。Bootstrap で指定された CSS/Images/JS を追加すると、Blueprint で定義されている現在のクラスと競合しません。

私が考えている 1 つのオプションは、保守的に Bootstrap を追加してそのクラスを使用することです。出来ますか？プロジェクトで Bootstrap CSS クラスだけに新しい「名前空間」を定義し、それをブループリントで定義されたクラスから分離することはできますか? 次に、次のようなクラスを使用できます。これにより、ブートストラップからboot-classnameのスタイルが適用されますclassname。

4

1 に答える 1

0

既存の多くのコードを上書きするスタイルシート全体を含めるのではなく、ブートストラップ ラジオ ボタン コードを取得して含めるだけです。

例（.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 に影響を与えないようにすることもできます。

于 2013-07-25T14:28:25.803 に答える