bootstrap – モノグサにお灸

WordPressからbootstrapのクラス名をグループに分けて取得したい

開発bootstrap,scss,WordPress2018.12.22（2018.12.22）

bootstrapをベースにWordPressのテーマを作成しています。そんな折、bootstrap.cssファイルから、クラス名をまとめて取得出来ないものかと思うように至りました。 SCSSファイルから直接JSONフ…

開発bootstrap2018.12.22（2018.12.22）

先日は、bootstrapのテーマカラーから、不要なカラーパターンをmap-removeを使用して削除する方法を紹介しました。しかし、アラートや文字色に関しては、やはり色数が欲しい。でも、テーブルやボタンには色数は不要…

開発bootstrap2018.12.21（2018.12.22）

次にbootstrapからホームページを作成するにあたって使用しないコンポーネントを削除します。そのためには、bootstrap.scssのimportから不要なコンポーネントをコメントアウトしてコンパイルするだけです…

開発bootstrap2018.12.21（2018.12.22）

bootstrapのグリッドは xs（<576px） sm（≥576px） md（≥768px） lg（≥992px） xl（≥1200px）のようにブレークポイントが設定されています。しかし、これも画面いっぱ…

開発bootstrap2018.12.21（2018.12.22）

bootstrapは多くの便利なスタイルが格納されているフレームワークですが、一方で使用しないスタイルも多く、容量が大きいのが難点です。例えばテーマカラーだけでも、 $theme-colors: map-merge( …

Bootstrapのカルーセルは基本的には1枚の画像（もしくは1つのHTMLコンテンツ）をスライドしながら表示する機能です。これを下図のように複数の画像を同時に表示して、画面サイズに応じて表示枚数を変更出来るように設定…

jQuery単独でメディアクエリ様のブレイクポイントを指定する場合、 $(window).on('load resize', function() { var windowWidth = window…

例えばアンケートフォーム等でここに来た目的は？観光仕事その他という設問があって、「その他」を選択すると、その下に新たにその他を選んだ方はこちらに目的をご記入下さいというテキストフォームが追加される、というのを作…