Bootstrap

4Breaker代替画像

上記のような、Aタグリンクに表示される下線をBootstrapを使って消す方法です

わざわざCSSを定義しなくてもBootstrapで消せるんです

text-decoration-noneを追加するBefore< ...

Bootstrap

4Breaker代替画像

Bootstrap4のcolの中で左右中央寄せするには「d-flex justify-content-center」を使います。

d-flexもいっしょに指定するのをお忘れなく

(justify-content ...

Bootstrap

4Breaker代替画像

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

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

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

Bootstrap

4Breaker代替画像

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

例えばこんなケース

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

Bootstrap

4Breaker代替画像

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

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

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

Bootstrap,ツール関連

4Breaker代替画像

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

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

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

Bootstrap

4Breaker代替画像

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

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

<th scop ...

Bootstrap

4Breaker代替画像

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

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

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

Bootstrap

4Breaker代替画像
困ったこと

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

ツールチップとは?

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

Bootstrap,システム開発

4Breaker代替画像

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

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

なのに出て ...