افزایش عرض فرم مودال (Modal) یا Pop Up در بوت استرپ
06:30:00 PM - 1400/02/24
چجوری میتونم در بوت استرپ 4 عرض فرم مودال رو افزایش بدم. خودم کد زیر رو نوشتم ولی درست کار نمیکنه
.modal {
width : 800px;
}
لطفا راهنمایی بفرمایید.
ویرایش شده در یکشنبه ۲ خرداد ۱۴۰۰ ساعت ۰۷:۵۰:۴۴
به این سوال امتیاز بدهید
0
تعداد بازدید این سوال : 2507
پاسخ دهنده : saedbfd
08:17:00 PM - ۱۴۰۰/۰۲/۲۴
برای اینکه اندازه فرم Modal رو توی بوت استرپ تغییر بدید نیازی نیست از دستورات css استفاده کنید. میتونید از کلاسهای modal استفاده کنید. به مثال زیر توجه کنید.
در مثال زیر از کلاس modal-lg برای اینکه یک فرم مودال بزرگتر رو داشته باشیم استفاده کردیم.
<div class="modal" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
</div>
</div>
</div>
پاسخ دهنده : AliNoori
12:55:00 AM - ۱۴۰۰/۰۲/۲۵
در صورتی که خواستی به صورت دستی طول و عرض تغییر بدی مثل تصویر زیر میتونی عمل کنی
پاسخ دهنده : YA30N
07:46:00 AM - ۱۴۰۰/۰۲/۲۸
سلام از استایل max-width استفاده نمایید. درصد بزرگی رو هم خودتون تنظیم کنید.
<div class="modal" role="dialog">
<div class="modal-dialog modal-lg" style="max-width: 70%;">
<div class="modal-content">
</div>
</div>
</div>
ویرایش شده در سه شنبه ۲۸ اردیبهشت ۱۴۰۰ ساعت ۰۷:۴۷:۱۲
آموزشهای پرطرفدار
سوالات مشابه
|
تاریخ :
1404/05/11
- ساعت :
11:05:00 AM
- بازدید :
115
- پاسخ :
1
|
|
تاریخ :
1399/02/11
- ساعت :
09:41:00 AM
- بازدید :
2606
- پاسخ :
1
|
|
تاریخ :
1401/01/28
- ساعت :
04:04:00 PM
- بازدید :
2810
- پاسخ :
1
|
|
تاریخ :
1404/04/16
- ساعت :
06:22:00 PM
- بازدید :
133
- پاسخ :
1
|
|
تاریخ :
1404/01/03
- ساعت :
12:18:00 PM
- بازدید :
296
- پاسخ :
1
|
|
تاریخ :
1404/01/03
- ساعت :
10:39:00 AM
- بازدید :
286
- پاسخ :
1
|
|
تاریخ :
1404/01/02
- ساعت :
05:05:00 PM
- بازدید :
369
- پاسخ :
1
|
|
تاریخ :
1398/10/18
- ساعت :
10:26:00 PM
- بازدید :
3464
- پاسخ :
2
|
|
تاریخ :
1403/10/20
- ساعت :
12:45:00 AM
- بازدید :
385
- پاسخ :
0
|
|
تاریخ :
1398/09/18
- ساعت :
06:13:00 PM
- بازدید :
3475
- پاسخ :
1
|
آخرین سوالات ارسالی
|
تاریخ :
1401/06/08
- ساعت :
08:41:00 PM
- بازدید :
3557
- پاسخ :
1
|
|
تاریخ :
1404/04/04
- ساعت :
03:35:00 PM
- بازدید :
286
- پاسخ :
1
|
|
تاریخ :
1404/05/21
- ساعت :
10:42:00 PM
- بازدید :
207
- پاسخ :
0
|
|
تاریخ :
1404/05/11
- ساعت :
11:05:00 AM
- بازدید :
115
- پاسخ :
1
|
|
تاریخ :
1403/10/08
- ساعت :
06:22:00 PM
- بازدید :
485
- پاسخ :
1
|
|
تاریخ :
1404/04/04
- ساعت :
02:25:00 PM
- بازدید :
167
- پاسخ :
1
|
|
تاریخ :
1404/04/29
- ساعت :
08:03:00 PM
- بازدید :
202
- پاسخ :
2
|
|
تاریخ :
1404/01/16
- ساعت :
07:20:00 PM
- بازدید :
1051
- پاسخ :
2
|
|
تاریخ :
1404/04/28
- ساعت :
02:07:00 PM
- بازدید :
185
- پاسخ :
2
|
|
تاریخ :
1400/05/03
- ساعت :
11:34:00 PM
- بازدید :
4095
- پاسخ :
1
|
پاسخ خود را ثبت نمایید ...
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.
ورود به سایت