Bootstrap4 の履歴ソース(No.2)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• 履歴 を表示
• Bootstrap4 へ行く。
  • 1 (2020-04-16 (木) 15:01:46)
  • 2 (2020-04-17 (金) 16:22:20)
  • 3 (2020-04-22 (水) 15:34:54)
  • 4 (2022-04-11 (月) 15:28:03)

#author("2020-04-17T07:22:20+00:00","default:wikiwriter","wikiwriter")
&tag(Bootstrap4);
*目次 [#b0fdd13c]
#contents
*関連ページ [#dc8aa6b3]
*参考情報 [#g31ae9d9]

*概要 [#p330d069]
-CDNによる組み込み。headタグ内に以下を追加。
#pre{{
        <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>
}}


*ナビゲーションバー [#r692a8d5]
-[[Navbar · Bootstrap:https://getbootstrap.com/docs/4.0/components/navbar/]]
-基本的にcontainerの指定は不要。しかし幅一杯になってしまうので、navタグの中か外に指定することはできる。


*Tips [#q8058996]

**最小幅の指定 [#bafb681c]
-[[css - Bootstrap minimum width grid - Stack Overflow:https://stackoverflow.com/questions/11836131/bootstrap-minimum-width-grid]]によると以下の指定が有効？
#pre{{
<div class="row-fluid">
    <div class="span4" style="min-width: 275px">...</div>
    <div class="span8">...</div>
</div>
}}