โดย chavikat.p » 04/12/2017 3:43 pm
Collapse คือการซ่อนหรือเปิด กลุ่มข้อมูลหรือ Content ที่มีเนื่อหาจำนวนมาก
ซึ่ง bootstap ก็ได้มีการ จัด ให้เราเรียกใช้ Collapse ได้โดยง่าย ก่อนอ่านเนื้อหานี้
สามารถปูความรู้เรื่อง css กันได้ก่อนที่นี่
โค้ด: เลือกทั้งหมด
<div class="container">
<h2>Simple Collapsible</h2>
<p>Click on the button to toggle between showing and hiding content.</p>
<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo">Simple collapsible</button>
<div id="demo" class="collapse">
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 ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</div>
- 2017-12-04_15-39-42.png (10.04 KiB) Viewed 2624 times
- 2017-12-04_15-39-55.png (18 KiB) Viewed 2624 times
ศึกษาเพิ่มเติมการนำข้อมูลจากฐานข้อมูลมาแสดง และ แต่งการแสดงผลด้วย CSS
viewtopic.php?f=76&t=44684
Collapse คือการซ่อนหรือเปิด กลุ่มข้อมูลหรือ Content ที่มีเนื่อหาจำนวนมาก
ซึ่ง bootstap ก็ได้มีการ จัด ให้เราเรียกใช้ Collapse ได้โดยง่าย ก่อนอ่านเนื้อหานี้ [url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%9A%E0%B8%97%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99-css.html]สามารถปูความรู้เรื่อง css กันได้ก่อนที่นี่ [/url]
[code]
<div class="container">
<h2>Simple Collapsible</h2>
<p>Click on the button to toggle between showing and hiding content.</p>
<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo">Simple collapsible</button>
<div id="demo" class="collapse">
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 ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</div>
[/code]
[attachment=1]2017-12-04_15-39-42.png[/attachment]
[attachment=0]2017-12-04_15-39-55.png[/attachment]
ศึกษาเพิ่มเติมการนำข้อมูลจากฐานข้อมูลมาแสดง และ แต่งการแสดงผลด้วย CSS
https://www.mindphp.com/forums/viewtopic.php?f=76&t=44684