อยากทราบวิธีการปรับขนาด modal bootstrap ครับ

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

ภาพประจำตัวสมาชิก
jamepiyawat
PHP VIP Members
PHP VIP Members
โพสต์: 2008
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

อยากทราบวิธีการปรับขนาด modal bootstrap ครับ

โพสต์ที่ยังไม่ได้อ่าน โดย jamepiyawat »

พอว่าผมนั้นได้ทำ modal ที่จะแสดงรูปภาพออกมาคือผมสามารถกำหนดรูปได้ว่าจะแสดงรูปขนาดเท่าไรแต่ว่า modal ก็ยังมีด้านข้างที่ใหญ่เกินไปแล้วบ้างรูปก็ยังแสดงออกมาเกินกรอบ modal อีกด้วย

อยากที่ทราบวิธีการกำหนดขนาด modal bootstrap ให้ modal มีขนาด 800 X 500 ครับ

โค้ดที่ใช้

โค้ด: เลือกทั้งหมด

<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
 </div>
 <div class="modal-body">
    <center><p>รูปทุเรียน</p>
    <img src="<?php echo JUri::root() . '/image/image_fruit/h24.jpg' ; ?>" width="500" height="300"></center>
 </div>
 <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
 </div>
</div>
รูปที่แสดง
Selection_999(130).png
Selection_999(129).png
ตัวอย่างที่อยากทำได้


Selection_999(131).png
Selection_999(131).png (148.98 KiB) Viewed 4842 times
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 22002
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: อยากทราบวิธีการปรับขนาด modal bootstrap ครับ

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

น่าจะต้องเขียน css สำหรับปรับขนาดของช่องครับ
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 94