2022年11月21日月曜日

[Bootstrap]Collapse (コラプス) でコンテンツの表示と非表示を切り替える

Bootstrap

下のボタンをクリックでコードが出ます

<div class="container mt-3">
<button type="button" class="btn text-white" data-bs-toggle="collapse" data-bs-target="#demo" style="background-color: #3ddc84;">ボタンをクリック</button>
<div id="demo" class="collapse">
your text here
</div>
</div>

(mt-3 は消しても構わないです)
mt-# はレスポンシブのマージントップのクラスです(0から5まで設定可)

JetThemeでもBootstrapが使われているので使用できます

関連リンク:

F(uriouz)

欲しいものリスト
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 comments:

コメントを投稿

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."