Bootstrap3

スポンサーリンク
Bootstrap3

Bootstrapのナビゲーションバー(Navbar)をスクロールで出したい

Bootstrapのナビゲーションバー(Navbar)は 上に固定(標準) ・・・ 特に追加設定する必要なし(Bootstrap3では「.navbar-static-top」が必要) 最上部に固定 ・・・ 「.fixed-top」(Boot...
Bootstrap3

Bootstrap4、Bootstrap3でガター幅(余白/カラムの隙間)を調整する

Bootstrapの基本 カラム自体にmarginはなく余白はカラムのpaddingで指定されている。 カラムのpaddingは左右15px. Bootstrapのカラムとカラムの間の余白スペースは15px+15pxで30pxになる。 カラ...
Bootstrap3

Bootstrap3に「レスポンシブ対応する画像(背景)を入れる」

Foundationには不要ですがBootstrapでは画像にクラス.img-responsiveが必要。 背景画像では通常のCSSで行う。
Bootstrap3

Bootstrap3に「Swiperスライダー」

<head>内に下記を追加 </body>の直前に下記を追加 </body>の直前にSwiperの実行scriptを追加 <body>内HTML
Bootstrap3

Bootstrap3に「レスポンシブな埋め込み」

iframe要素、embed要素、video要素、object要素で使える。 利用方法 class属性にembed-responsiveを指定したdiv要素を用意する。 16:9のアスペクト比の場合、1のdiv要素のclass属性にembe...
Bootstrap3

Bootstrap3「CDN」の基本タグ

Bootstrap3.3.7の場合 <head>内に下記を追加 </body>の直前に下記を追加 サンプルHTML
スポンサーリンク