جایگزینی ایکن بجای باتن درحالت ریسپانسیو وکوچک شدن صفحه

اگر از بوتسرپ استفاده میکنی میتونی توی دگمه ات یک 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 میخوای استفاده کنی که دیگه خودت باید با مدیا کوئری بنویسی!

چجوری میشه با مدیا کوئری نوشت؟ کد کامل html,مدیا کوئری رو میشه بفرستین؟@juza66

همین که فرستادین کد بوت استرپش چی میشه؟@juza66

توی css اون کلاس مدنظرت رو بین این تگ ها مینویسی

@media only screen and (min-device-width: 480px){}

@media only screen and (min-device-width: 768px){}

همین که فرستادین کد بوت استرپش چی میشه؟

یعنی چی؟!
خب برات نوشتم دیگه کدش رو !! این کلاس های بوتسرپ هستن!

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>

ممنون ولی متاسفانه مشکلم حل نشد😔😔@juza66

@media only screen and (min-width : 350px){
    <i class=""></i>
}
@media only screen and (min-width : 768px){
    <button></button>
 }

توی media اولی آیکون رو قرار بدین و توی دومی باتن

مشخص است که مسلط به بوت استرپ نیستید . بهتره مسلط باشید اینجوری نمیشه کاری انجام داد ....

میشه یه شماره واتساپ بدین کدم رو بفرستم ببینید@navid.khab

@f.ferasat77 به این ادرس ایمیل کنید navid.khab@yahoo.com