本日の学習 - li_sanのブログ

Bootstrapまとめ

Navbarについて

    　　navbarの書き方<br>
         　navbar　　　　必ず指定して書くdiv class="navbar"
             navber-light bg-light 　  色を指定するクラス　　　明るめnav-light   暗めnav-dark
             navbar-brand                   サイトのタイトル、ロゴを指定するクラス　画像も
             botton class="navbar-toggler"                           レスポンシブ時のボタン操作指定
             span class="navbar-toggler-icon                     ボタンの画像を表示するクラス

Bootstrapでは同じ名前のものは使えない

css同様、自分で名前をつけるときは＿がいい

カルーセルの書き方

　　　　画像がスライドして動く仕組み。　　　　インジケーターの書き方　　　　　　　　　　　　　　　　　ol class="carousel-indicators
li data-target="#carouselExampleIndicators" data-slide-to="0" class="active">
li data-target="#carouselExampleIndicators" data-slide-to="1">
li data-target="#carouselExampleIndicators" data-slide-to="2">
/ol>
div class="carousel-inner

        画像はcssでbackground-imgとして指定する
         （例） top_image1 {
           background-image: url(../img/top1.jpg);
           background-size: cover;
           background-repeat: no-repeat;

意味は

          cover;とすることで画像が背景配置領域の中に収まるか、覆うようにできる
          autoだと基本のサイズ

設定からこまめにキャッシュを消す

ドキュメントでも右クリックでキャッシュを消す

明日も忘れないうちにカルーセルをつくる！！