0

いくつかのcssスタイルファイルで多くのカスタムcssスタイルを使用して構築されたWebサイトがあります。Webサイトでtwitterブートストラップを使用したいのですが、それを自分のページに含めると-

<link type="text/css" rel="Stylesheet" href="assets/css/bootstrap.css />

あなたが推測できるように、この多くのスタイルとクラスがブートストラップクラスとスタイルによって上書きされているため、多くの問題があります.クラスの下でTwitterブートストラップcssとjsを使用できる方法があれば? bootstrap.css ファイルのすべてのクラスの前にクラス名を追加することはできますが、それには時間がかかりますか?? 私が見つけたウェブ調査から -

.tw-bs {
    @import "less/bootstrap.less";
}

lesscss.org.を使用することによって.しかし、私は自分のサイトでのみ.tw-bsクラスの下でTwitterブートストラップを使用できるように、自分のWindows PCで物事をコンパイルする方法をまだ知りませんでした.

4

1 に答える 1

1

私たちが見つけた最善の方法は、Bootstrap スタイルの一部を必要/必要なもので意図的に上書きする別の CSS ファイルを使用することです。たとえば、Bootstrap のデフォルト ボタンは、半径 4px の丸みを帯びた角を持っています。より丸みを帯びた外観にしたいと判断したため、次の内容を CSS ファイルに追加しました。

.btn{border-radius: 10px;}

Bootstrap ファイルの後にファイルを参照すると、デフォルトの Bootstrap 値が上書きされます。Bootstrap の特異性をオーバーライドするのが非常に難しい場合があります。その場合、要素の ID を直接参照してスタイルを設定する必要があります (これは、クラスよりも具体的です)。

于 2013-05-29T23:10:46.253 に答える