bootstrap

bootstrapでカスタムカラー配列を作成して不要な多色コンポーネントを削除する方法
先日は、bootstrapのテーマカラーから、不要なカラーパターンをmap-removeを使用して削除する方法を紹介しました。 しかし、アラートや文字色に関しては、やはり色数が欲しい。でも、テーブルやボタンには色数は不要...
bootstrapから使用しないコンポーネントを削除する方法
次にbootstrapからホームページを作成するにあたって使用しないコンポーネントを削除します。 そのためには、bootstrap.scssのimportから不要なコンポーネントをコメントアウトしてコンパイルするだけです...
bootstrapのブレークポイントを削減する方法
bootstrapのグリッドは のようにブレークポイントが設定されています。 しかし、これも画面いっぱいに表示する管理画面のダッシュボードやWebアプリで無ければここまで細かく設定する必要も無いと思います。 そこで、これ...
bootstrapのテーマカラーを削減する方法
bootstrapは多くの便利なスタイルが格納されているフレームワークですが、一方で使用しないスタイルも多く、容量が大きいのが難点です。 例えばテーマカラーだけでも、 Primary Secondary Success ...
flatpickerがモーダルウィンドウで開かない時の対処法
flatpickerはデータピッカーJSプラグインです。 日付だけでなく時間も入力出、日本語対応もされているので使い勝手が良いです。 これが、モーダル(ポップアップ)ウィンドウ内に実装すると、フィールドをクリックしてもう...
Bootstrapのカルーセルをレスポンシブ対応な複数枚表示に切り替え
Bootstrapのカルーセルは基本的には1枚の画像(もしくは1つのHTMLコンテンツ)をスライドしながら表示する機能です。 これを下図のように複数の画像を同時に表示して、画面サイズに応じて表示枚数を変更出来るように設定...
BootstrapのブレイクポイントをjQueryで使用する方法
jQuery単独でメディアクエリ様のブレイクポイントを指定する場合、 のように、幅の値をブレイクポイントとして個別に入力する方法があります。 しかし、フレームワークにBootstrapを使用しており、かつ、ブレイクポイン...
Bootstrapのモーダル展開時のパディングとスクロール問題解消
Bootstrapのモーダルを展開した際に、 bodyに一見不可解なpadding-right: 17px;が追加される。 背景スクロールが実行できてしまう。 という問題が発生しました。 Bootstrapのドキュメント...
BootstrapでLightbox実装する際は、別途プラグイン導入の必要無し
Bootstrapライブラリは便利だけど、CSSファイルが200kbくらいあって結構重いです。 なので、サイトに様々な効果を加えるために別途プラグインを導入して、JSやCSSを増やしていくのは避けたいところ。 そして件の...
WordPressの囲み型ショートコードでpやbrが付くのを防ぐ方法
今bootstrapでカルーセルを実装できるショートコードを作っているのですが、囲み型ショートコードの中に余計なやタグが入り込んで来て、非常に邪魔です。 これを防ぐためには、 とすれば停止するのですが、これだと本文全体で...
123