Bootstrap

Bootstrap4でスムーススクロールを導入する

Bootstrap4で何も考えずにスムーススクロールを導入するとタブなどと打つかってしまうので、それを回避するためのJSです。 a[href^="#"]では、カーセル、タブ、collapseと打つかるので:not()で回避しています。 対応ブラウザは、まだ少ないですがCSSだけでもスムーススクロールの導入が可能です。

Bootstrapで通知を表示するライブラリ【Bootstrap Notify】

Bootstrap Notifyは、Bootstrap製の通知用ライブラリです。画面四隅に加え画面真ん中下、真ん中上の計6カ所にBootstrapのalertを簡単に表示することができます。 DEMO Bootstrap Notifyは、AjaxなどのJSの処理の結果やエラーをalert()よりもユーザー邪魔にならずに情報を表示することができます。 サンプルコード $.notify({ icon: […]

boostrapの印刷表示をリセットする

boostrapは、デザインをあまりしたくないときに活躍してくれますが… 使用して、何気に引っかかる罠があります。 それは、印刷時に独自のスタイルを当ててくることです。 印刷画面をいい感じに表示してくれるのであれば、全然問題ないのですが、 リンク先のURLを表示してきたり、背景をすべて白くしてきたりします。 背景の色は、まだ、見やすくやるときもあるので、許せる範囲ですが、 リンク先のURLをずらー […]