Bootstrap

Bootstrap v4.0.0からプログレスバー(進捗バー)が追加されました

概ね良好なのですが、0%の時はバーが表示されないのでそもそも設定したラベルが見えません

そのため表示するラベルをバーの外に設定した ...

Bootstrap

Bootstrapを使ってると度々遭遇する問題として、親のパディングが有効にならないことがあります

例えばこんなケース

<div class="container"> <p> ...

Bootstrap

Bootstrapは言わずと知れたCSSフレームワークで、大変お世話になっております

ただ使ってる人はわかると思うんですが、なんていうか、いまいちかゆいところに手が届かないというか、

なんでその指定ができないの ...

Bootstrap, ツール関連

タグ入力欄って言うのはこれのことです

エンターキーもしくはカンマを入れることで複数の単語を区切って入力できる欄のことですね

Bootstra4にデフォルトで用意されてると思ってましたが、どうやらないみたいです

Bootstrap

Bootstrap4でテーブルのthもしくはtdタグに対して、列(セル)ごとに横幅を指定したい時のやり方です

なんか意外とこれ書いてる解説サイト少ないんですが、僕は普通にこのやり方でやってます

<th scop ...

Bootstrap

自分でもしょっちゅう忘れてしまうのでメモしておきます

結論から言うとこれを使います

<div class="d-flex align-items-center justify-content-center">上 ...

Bootstrap

困ったこと

Bootstrap4のツールチップ(Tooltips)を画像上で表示していたんですが、そうするとツールチップ自体が画像にかぶってしまう現象が発生しました

ツールチップとは?

カーソルを合わせると表示するポップアップ ...

Bootstrap, システム開発

Bootstrapで使えるスライドバーを検索してたら、検索にヒットするのはカルーセルの方ばかりだった件

ちなみに僕が使いたかったスライドバーは、こういう横にスライドさせて数値とかを変化させるやつです

なのに出て ...

Bootstrap

テーブルなんかでセルが予想以上に縦長になった時に、文字が妙に上に表示されて

「なんか表示がダサい。上下中央寄せにしたい」

って時によく指定するやり方

テーブル

上下-中央寄せ

align-mid ...

Bootstrap

Bootstrapで日本語なら大丈夫だけど英語やURLだと、画面の右端に文字が伸びていってしまう問題の解決方法

CSSなら、

word-break: break-all;

を適用するんだけど、Bootstrapな ...