bootstrap – モノグサにお灸

Bootstrapのカルーセルをレスポンシブ対応な複数枚表示に切り替え

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

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

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

bootstrapのパンくずリスト。 https://getbootstrap.com/docs/4.0/components/breadcrumb/ これはbootstrapでは、 .breadcrumb { disp…

bootstrapのソースファイルを一括ダウンロードすると、その中には複数のscssファイルが格納されています。通常、bootstrapの色や幅などの数値を変更するにはその中にある _variables.scss の中…

開発bootstrap,css2018.8.23（2018.8.27）

CSSである要素を中央に固定して表示するには、表示したい要素の高さ分をtopから差し引く、という方法が良く用いられます。しかし、これは要素の高さを予め決定しておく必要があります。もし高さが可変する場合はjQueryを…

開発bootstrap,css2018.7.31（2018.8.21）

bootstrap等のボタンの色をインラインスタイルで指定しようとした場合、ホバー時（:hover）の色指定は出来ません。数個であれば直接CSSを更新すれば良いのですが、数が多いと面倒です。そのような際は、 <…

開発bootstrap2015.5.12（2016.1.12）

See the Pen bootstrap base by kosuke agusa (@aguko) on CodePen. https://github.com/flatlogic/bootstrap-tabcoll…