Tag: Bootstrap4

目次

関連ページ

参考情報

概要

  • CDNによる組み込み。headタグ内に以下を追加。
            <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
            <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
    

ナビゲーションバー

  • Navbar · Bootstrap
  • 基本的にcontainer-fluid、containerの指定は不要。しかし幅一杯になってしまうので、navタグの中か外にcontainerの指定することはできる。
  • navbar-headerの指定は不要。

Tips

右側にグリッドを重ねたい

  • Bootstrap 4 - 3 divs, 1 left, 2 right - Stack Overflow
  • d-blockとfloat-leftを組み合わせる。
    <div class="container">
        <div class="row d-block clearfix">
            <div class="col-6 float-left bg-warning" style="height: 100px">A</div>
            <div class="col-6 float-right">B</div>
            <div class="col-6 float-right">C</div>
        </div>
    </div>
    

最小幅の指定


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2020-05-09 (土) 15:03:38