Bootstrap4
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
&tag(Bootstrap4);
*目次 [#b0fdd13c]
#contents
*関連ページ [#dc8aa6b3]
*参考情報 [#g31ae9d9]
-[[ナビゲーションバー～Bootstrap4移行ガイド:https://cccab...
*概要 [#p330d069]
-CDNによる組み込み。headタグ内に以下を追加。
#pre{{
<link rel="stylesheet" href="https://stackpath.bo...
<script src="https://stackpath.bootstrapcdn.com/b...
}}
*ナビゲーションバー [#r692a8d5]
-[[Navbar · Bootstrap:https://getbootstrap.com/docs/4.0/c...
-基本的にcontainer-fluid、containerの指定は不要。しかし幅...
-navbar-headerの指定は不要。
*フォーム [#f1e62dc9]
**フォームの一部を横並びに [#v0f760ca]
-formではなく横並びにしたい要素をdivで囲いそれをform-inli...
*Tips [#q8058996]
**右側にグリッドを重ねたい [#g290d334]
-[[Bootstrap 4 - 3 divs, 1 left, 2 right - Stack Overflow...
-d-blockとfloat-leftを組み合わせる。
#pre{{
<div class="container">
<div class="row d-block clearfix">
<div class="col-6 float-left bg-warning" style="h...
<div class="col-6 float-right">B</div>
<div class="col-6 float-right">C</div>
</div>
</div>
}}
**最小幅の指定 [#bafb681c]
-[[css - Bootstrap minimum width grid - Stack Overflow:ht...
#pre{{
<div class="row-fluid">
<div class="span4" style="min-width: 275px">...</div>
<div class="span8">...</div>
</div>
}}
終了行:
&tag(Bootstrap4);
*目次 [#b0fdd13c]
#contents
*関連ページ [#dc8aa6b3]
*参考情報 [#g31ae9d9]
-[[ナビゲーションバー～Bootstrap4移行ガイド:https://cccab...
*概要 [#p330d069]
-CDNによる組み込み。headタグ内に以下を追加。
#pre{{
<link rel="stylesheet" href="https://stackpath.bo...
<script src="https://stackpath.bootstrapcdn.com/b...
}}
*ナビゲーションバー [#r692a8d5]
-[[Navbar · Bootstrap:https://getbootstrap.com/docs/4.0/c...
-基本的にcontainer-fluid、containerの指定は不要。しかし幅...
-navbar-headerの指定は不要。
*フォーム [#f1e62dc9]
**フォームの一部を横並びに [#v0f760ca]
-formではなく横並びにしたい要素をdivで囲いそれをform-inli...
*Tips [#q8058996]
**右側にグリッドを重ねたい [#g290d334]
-[[Bootstrap 4 - 3 divs, 1 left, 2 right - Stack Overflow...
-d-blockとfloat-leftを組み合わせる。
#pre{{
<div class="container">
<div class="row d-block clearfix">
<div class="col-6 float-left bg-warning" style="h...
<div class="col-6 float-right">B</div>
<div class="col-6 float-right">C</div>
</div>
</div>
}}
**最小幅の指定 [#bafb681c]
-[[css - Bootstrap minimum width grid - Stack Overflow:ht...
#pre{{
<div class="row-fluid">
<div class="span4" style="min-width: 275px">...</div>
<div class="span8">...</div>
</div>
}}
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
