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

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

Moderator: mindphp

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

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

โพสต์โดย jamepiyawat » 25/07/2019 12:02 pm

พอว่าผมนั้นได้ทำ 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) เปิดดู 58 ครั้ง

ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 9961
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

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

โพสต์โดย tsukasaz » 25/07/2019 2:54 pm

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


  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

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

กำลังดูบอร์ดนี้: 9 และ บุคคลทั่วไป 0 ท่าน