Bootstrap3

スポンサーリンク
Bootstrap3

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

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

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

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

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

Foundationには不要ですがBootstrapでは画像にクラス.img-responsiveが必要。 <img src="../img/△△.jpg" class="img-responsive" alt=""> 背景画...
Bootstrap3

Bootstrap3に「Swiperスライダー」

<head>内に下記を追加 <!-- Swiper --> <link rel="stylesheet" href=""> </body>の直前に下記を追加 <!-- Swiper --...
Bootstrap3

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

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

Bootstrap3「CDN」の基本タグ

Bootstrap3.3.7の場合 <head>内に下記を追加 <link href="" rel="stylesheet"> <!--> <script src=""></script...
スポンサーリンク
タイトルとURLをコピーしました