ねこさんとへびさんの新人技術ブログ

新人エンジニアのねこさんとへびさんの、技術向上のためのブログです。

Bootstrap3

Tips!Bootstrap4はじめました - CSS

Bootstrap3はしょっちゅう使っているのですが、Bootstrap4と何が違うのかちゃんと把握しないとな~と思いながらずっと後回しにしてました。 そんな今日この頃、重い腰をあげてBootstrap4はじめてみました。もっとも簡単にBootstrap4をはじめる方法。 Bootstr…

Tips!Bootstrap3 tooltipを常に表示する

Bootstrap3 tooltipを使うとマウスオーバー時にtooltipが表示されるのですが、常に表示しておきたかったので挑戦してみました。 HTML 表示タイミングを変えるには、data-triggerオプションを使用します。 data-triggerオプションには以下の四つのうちどれか…

Tips!Bootstrap3 tooltipの背景や枠線を変更する

Bootstrap3 tooltipを使うと黒地に白文字になるのですが、一部のtooltipだけデザインを変えたかったので挑戦してみました。 HTML tooltipを表示したい要素に識別するclass(ここではred-tip)をつけます。 <button class="btn red-tip" data-toggle="tooltip" title="注目~">変更後</button> CSS CSS側でBootstrap3が設定している値を上書…