گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
![user-avatar]()
![user-avatar]()
![user-avatar]()
![user-avatar]()
![user-avatar]()
گزارش تخلف
کپی کردن
0
اگر از بوتسرپ استفاده میکنی میتونی توی دگمه ات یک span قرار بده که متن دگمه ات توش باشه و یک آیکن قرار بده که با کلاس بوتسرپ نمایش داده نشه تا زمانی که صفحه ات کوچیک شد
مثال
<button type="button" class="btn btn-light-secondary">
<i class="bx bx-x d-block d-sm-none"></i>
<span class="d-none d-sm-block">بستن</span>
</button>اگر هم از css میخوای استفاده کنی که دیگه خودت باید با مدیا کوئری بنویسی!
فائزه ف
@f.ferasat77
3 سال پیش
مطرح شد
گزارش تخلف
کپی کردن
0
فائزه ف
@f.ferasat77
3 سال پیش
مطرح شد
گزارش تخلف
کپی کردن
0
گزارش تخلف
کپی کردن
0
توی css اون کلاس مدنظرت رو بین این تگ ها مینویسی
@media only screen and (min-device-width: 480px){}
@media only screen and (min-device-width: 768px){}
گزارش تخلف
کپی کردن
0
همین که فرستادین کد بوت استرپش چی میشه؟
یعنی چی؟!
خب برات نوشتم دیگه کدش رو !! این کلاس های بوتسرپ هستن!
d-block d-sm-none d-none d-sm-blockکد دگمه بوتسرپ
<button type="button" class="btn btn-light-secondary">
<i class="bx bx-x d-block d-sm-none"></i>
<span class="d-none d-sm-block">بستن</span>
</button>
فائزه ف
@f.ferasat77
3 سال پیش
مطرح شد
گزارش تخلف
کپی کردن
0
navid
@navid.khab
3 سال پیش
مطرح شد
گزارش تخلف
کپی کردن
0
@media only screen and (min-width : 350px){
<i class=""></i>
}
@media only screen and (min-width : 768px){
<button></button>
}توی media اولی آیکون رو قرار بدین و توی دومی باتن
گزارش تخلف
کپی کردن
0
مشخص است که مسلط به بوت استرپ نیستید . بهتره مسلط باشید اینجوری نمیشه کاری انجام داد ....
فائزه ف
@f.ferasat77
3 سال پیش
مطرح شد
گزارش تخلف
کپی کردن
0
navid
@navid.khab
3 سال پیش
مطرح شد
گزارش تخلف
کپی کردن
0