2016-10-31 14 views
3

ブートストラップとWordpress管理パネルを使用しているときに問題があります。ブートストラップ隠しクラス

基本的に私はいくつかのBowerコンポーネントをインストールしています。プロジェクトをビルドすると、それらはすべて一緒に連結されます(CSSとJSの両方)。

問題がある:.hiddenクラスは!important

を使用してブートストラップwordpressの管理者側のいくつかの要素は次のようになり、これは私にとっては問題である:

... class=".... hidden" style="display:none" ...> 

彼らはクラス.hiddenとインラインスタイルの両方を持っています。

Wordpressのデフォルト.hiddenクラスはブートストラップクラスによって置き換えられます、そのため、インラインスタイルは無視されますだけでなく、Bootsrapの!importantdisplay: noneからdisplay: blockに変更することを防ぎます。

残念ながら、私は多くの他のもののためにバックエンドにブートストラップが必要です。

このクラスを置き換える方法はありますか?これは、ブートストラップ4上の異なるものになります:それは

PSアップデートセーフだように、ブートストラップコアcssを変更せずに、理想的には

(私はちょうど同じ他のすべてを維持!importantを取り除きたいですか)?私はこの問題を解決すれば更新しても構いません。

おかげ

+1

彼らは '' .hidden-XS-up'([リンク](https://github.com/twbs/bootstrap/issues/19254))とTwitterのブートストラップ-4から.hidden'クラスを交換してください。 – tmg

+0

ありがとうございます。私はブートストラップ4を見てみましょう – Nick

+0

私は新しいbootstrap4アルファを使ってみましたが、まだそこに残っています...まだ考えていませんか? – Nick

答えて

0

終わりに私はhttp://getbootstrap.com/docs/3.3/customize/を使用して、ちょうど私がのために、ブートストラップに必要なものを含んでテーマを作成することを決めました。

私はもうクラスの競合に問題がなくて(私はとにかくバックエンドで必要なものである)のみボタンやアイコンでブートストラップの特定のストリップダウンバージョンを含むことができ、この方法では。

0

あなたはjQueryの$('the_CSS_Type_Selector').removeClass('TheClassToRemove')を使用することができます。 、あなたは、ブートストラップCSSから!重要を削除することができ.attr()

REF- 1. Stack Answer 2. jQuery .removeClass

+0

提案していただきありがとうございますが、これは私がwordpressの管理セクション全体でそのクラスのeahcインスタンスを検索する必要があることを意味します。私は正直であるために少し一般的な何かを望んでいた – Nick

+0

CSSの継承と優先順位は、あなたが出てくるのに役立つかもしれません。 CSSのより具体的なセレクタほど効果的です。 'HTML {!色:ブルー重要な}のように:赤' 'html.no-jsから{色によって克服されます!重要です} ' –

+0

状況(HTMLコードとCSSをinspect要素に貼り付けることができます)を選択して克服する方法を具体的に教えてください。 –

0

を使用して属性を変更することができます。

あなたのマシンにファイルを混雑させていない場合は、それらをダウンロードする必要があります。

+0

私はbowerを使ってインストールします。つまり、ブートストラップをダウンロードするたびに同じ変更を再度適用する必要があります。 – Nick

関連する問題