100%表示用幅

最終更新：2021/07/13

ページ内のh1以外の見出しタグは自動で装飾されません。
通常の固定ページと同じ見出しにするにはLP用の見出しと同じように「lp_h2」などのクラスを付けてください。

基本的には以下の3つの枠を使い分けます。
必要に応じて変更してください。
「bootstrap.min.css」で設定しています。

container幅

「container」で囲むとこの幅です。

<div class="container">
	<div class="row">
		<div class="col-12">
			<h2>container幅</h2>
			<p style="background-color: #eee;">「container」で囲むとこの幅です。</p>
		</div>
	</div>
</div>

<h2>container幅</h2>

<p style="background-color: #eee;">「container」で囲むとこの幅です。</p>

</div>

container2幅

「container2」で囲むとこの幅です。

<div class="container2">
	<div class="row">
		<div class="col-12">
			<h2>container2幅</h2>
			<p style="background-color: #eee;">「container2」で囲むとこの幅です。</p>
		</div>
	</div>
</div>

<h2>container2幅</h2>

<p style="background-color: #eee;">「container2」で囲むとこの幅です。</p>

</div>

container-fluid幅

「container-fluid」で囲むとこの幅です。

<div class="container-fluid">
	<div class="row">
		<div class="col-12">
			<h2>container-fluid幅</h2>
			<p style="background-color: #eee;">「container-fluid」で囲むとこの幅です。</p>
		</div>
	</div>
</div>

<h2>container-fluid幅</h2>

<p style="background-color: #eee;">「container-fluid」で囲むとこの幅です。</p>

</div>

振り分けページへ戻る

トップへ戻る

100%表示用 幅

container幅

container2幅

container-fluid幅

100%表示用幅