Title: bootstrap css
Last modified: September 1, 2016

---

# bootstrap css

 *  [rungo440](https://wordpress.org/support/users/rungo440/)
 * (@rungo440)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/bootstrap-css/)
 * こんにちは
 * CDBTは、大変使い勝手の良いプラグインなので、
    ありがたく使わせて頂こうと思って
   いるのですが、 どうしても自分で直せないので、教えて下さい。
 * bootstrap3でオリジナルのテーマを作っており、
    基本カスタマイズ通りの表示がなさ
   れます。 ・bootstrap.css ・bootstrap.min.css 当然、双方のcssにリンクがついてい
   ます。
 * ところが、CDBTのショートコードをつけたページでは、
    CDBTのbootstrapのcssを、先に
   読み込んでいるためなのか、 せっかくのカスタマイズがなし崩しになります。 （せっかく
   変えたnavibarの色が、白からグレーに戻る。 sectionのpaddingも初期値になるなど、
   bootstrap本来の色形に戻ってしまいます）
 * 1)上記の対策はあるでしょうか。
    また、 2)datepickerも、管理画面は、Fuel UXのもの
   なのに、 　野暮ったいかんじのものになります。 　・cdbt-fuelux-style-css 　・cdbt-
   main-style-css　　、ほかjsファイルも 　ちゃんと読み込まれています。 　管理画面
   から直せないのでしょうか。
 * 3)おなじく、datepickerの年月日表示に関して、
    　CDBTもWordpressも「Y年n月j日 
   g:i A」 　で設定していますが、　 　MacのSafariやFirefoxで「08/03/2016」と 　表示
   されます。 　プラグイン設定の「読み込みリソース」等は、 　いじっておらず、そのまま
   です。 　対策はあるでしょうか。
 * よろしくお願いします。
 * [https://wordpress.org/plugins/custom-database-tables/](https://wordpress.org/plugins/custom-database-tables/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [ka2](https://wordpress.org/support/users/ka2/)
 * (@ka2)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/bootstrap-css/#post-7628163)
 * お問合せありがとうございます。
 * 下記、ご質問の順に返答させていただきます。
 * > 1)上記の対策はあるでしょうか。
 * 次の手順に沿ってフィルターフックを追加してみてください。
 *  1. プラグイン設定 -> 一般設定 -> 読み込みリソース の設定項目にて、フロントエンド
   画面のリソースにチェックをすべて入れます（デフォルトのまま）。
    2. テーマのfunctions.
   php等に下記のフィルターフックを追加します。
 *     ```
       function my_custom_assets( $assets ) {
         $assets['styles']['bootstrap-style'] = array( 'あなたのカスタマイズしたCSSファイルのパス', ['cdbt-main-style'], '', 'all' );
         return $assets;
       }
       add_filter( 'cdbt_assets', 'my_custom_assets' );
       ```
   
 * もし管理画面にもカスタムCSSを適応したい場合は、
 *     ```
       add_filter( 'cdbt_admin_assets', 'my_custom_assets' );
       ```
   
 * も追加してください。
    これで、ユーザー定義のスタイルシートが一番最後に読み込ま
   れるようになるので、スタイル定義がオーバーライドされます。
 * なお、フィルターフック「[cdbt_assets](https://ka2.org/cdbt/v2/filter-reference/cdbt_assets/)」
   を使うことで、読み込みリソースの読み込み順序や依存関係等をフルカスタマイズする
   ことが可能です。
 * > 2)datepickerも、管理画面は、Fuel UXのものなのに、
    > 　野暮ったいかんじのもの
   になります。
 * datepickerのスタイルはcdbt-fuelux-style-cssで定義されていて、スタイルシートの
   依存関係は下記のようになっています。
 * * cdbt-fuelux-style-css
    └ cdbt-main-style-css （内部でbootstrap、fontawesome、
   プラグイン用のカスタムスタイルがマージされています）
 * そのため、前述の1)の対応を行うと、この依存関係の後にあなたのカスタムスタイルが
   適応されます。もしあなたのカスタムスタイルのセレクタにdatepickerのスタイル用の
   セレクタが重複定義されていなければ、管理画面と同様にFuelUXスタイルのdatapicker
   が表示されると思います。
 * > 3)おなじく、datepickerの年月日表示に関して、
 * datepickerの日付表示はJavaScriptライブラリ「moment.js」に依存していて、プラグ
   イン設定の「日時の表示書式」の影響を受けないため、申し訳ありませんが、現状は仕様
   です。
    datepickerの日付表示の書式変更ができるかどうか調査して、もし可能であれ
   ば次のバージョン等で機能追加してみます。
 * 以上、試してみてください。
 *  Thread Starter [rungo440](https://wordpress.org/support/users/rungo440/)
 * (@rungo440)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/bootstrap-css/#post-7628347)
 * 素早い対応をありがとうございました！
 * 1)教えて頂いたフィルターフックで、無事に元通りの表示になりました。
    ありがとう
   ございます！よかったです。
 * 3)こちらは、結果表示はきちんと年月日になっていますし、
    入力フォームに注釈をつける
   ことにしました。ありがとうございます。 　 2)に関しては、あいかわらずで、 ・/assets/
   styles/fuelux.css?ver=3.13.1 ・/assets/styles/cdbt-main.css?ver=2.1.33’　　が、
   テーマの/style.cssのすぐ上に読み込まれています。
 * >プラグイン用のカスタムスタイル　　とは、
    これらのことだと思うのですが、いかが
   でしょうか。
 * 重複設定に関しては、menu関連をカスタマイズしていて、
    その他は、独自設定名です。
   試しに、menu関連部分を消去して表示してみましたが、 最初から全く同じ状態で、変わり
   ません。
 * ちなみに、Windowsで試してみましたが、同じく変なままでした、
 * 諦めるしかないのでしょうか…　(>_<､)
 *  Plugin Author [ka2](https://wordpress.org/support/users/ka2/)
 * (@ka2)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/bootstrap-css/#post-7628354)
 * 2) について、症状が発生しているページのURLを教えていただけたりしますか？
    どの
   ような状況なのか確認してみたいです。
 * もしURLの開示がこのフォーラム上では都合が悪い場合、support@ka2.orgまでメールい
   ただいても構いません。
 * ご検討いただけると幸いです。
 *  Thread Starter [rungo440](https://wordpress.org/support/users/rungo440/)
 * (@rungo440)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/bootstrap-css/#post-8154409)
 * 登録者のみが登録・閲覧できるサイトとして、制作していたため、
    URLの開示ができ
   ず、個別対応して頂き、 大変丁寧にいろいろ教えて頂きました。
 * ご親切に、いろいろありがとうございました！

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘bootstrap css’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/custom-database-tables_e4e2e2.svg)
 * [Custom DataBase Tables](https://wordpress.org/plugins/custom-database-tables/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/custom-database-tables/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/custom-database-tables/)
 * [Active Topics](https://wordpress.org/support/plugin/custom-database-tables/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/custom-database-tables/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/custom-database-tables/reviews/)

## Tags

 * [CDBT](https://wordpress.org/support/topic-tag/cdbt/)

 * 4 replies
 * 2 participants
 * Last reply from: [rungo440](https://wordpress.org/support/users/rungo440/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/bootstrap-css/#post-8154409)
 * Status: not resolved