BootstrapとjQueryのスムーススクロールをうまく使う方法
こんにちは、プロクラスの渡辺です！ この間、五山の送り火でした！いつも都合が合えば見ているのですが、これを見るために時間になるとご近所の方が外に出てきて少し会話をしたりしているときにいつもお盆が終わるんだなあ～と思います。まあ、今年は映画を見ていて気が付いたら終わっていましたが…（笑） 今回は（も）備忘録です。 最近、便利なBootstrapを使う機会が増えたのですが、jQueryのスムーススクロールと相性が良くないものがあるんですよね。 「カルーセル」「ドロップダウンメニュー」「タブメニュー」とか、つまり【href=”#”】を使うやつ！ 😈 でも、Bootrtrapのこういうのが簡単に実装できるのは捨てがたいので一度自分で解決していたのですが、数か月後にすっかり忘れてまた調べていたので、ブログに書いて記憶にとどめようと思います！ 😉 そもそもなんでちゃんと機能しなくなるの？ これがわ
Bootstrap横並びカラムの高さ（height）を揃える2つの方法 | Puzzle（パズル）
カラムを作る際、Bootstrapを使用する事が多いのですが、記事一覧などをカラムで作成した際「タイトルの長さ」「写真の構図」が原因で高さが一定に保てずカラムが崩れてしまう事があります。アイキャッチ画像の縦横構図を気にすることなく使用されるクライアント様もいらっしゃいます。そんな時でもカラムの横並びがキレイに保たれる方法を紹介します。 CSSのFlexで高さを揃える方法 まずは、CSSのflexで高さを揃える方法をご紹介します。対応ブラウザは、Chrome、IE10以上、Firefox、safari（一部のバージョンで未対応）となっています。 <div class="container"> <div class="row row-height"> <div class="col-md-6"> 高さが変わっても横並びのカラムが崩れません。 <div> <div class="col-md-6
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BootstrapとjQueryスムーズスクロール併用時の備忘録 | いとしさと切なさと富山市のとある広告制作会社
