اگر از بوتسرپ استفاده میکنی میتونی توی دگمه ات یک 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 میخوای استفاده کنی که دیگه خودت باید با مدیا کوئری بنویسی!
توی 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>
@media only screen and (min-width : 350px){
<i class=""></i>
}
@media only screen and (min-width : 768px){
<button></button>
}
توی media اولی آیکون رو قرار بدین و توی دومی باتن
مشخص است که مسلط به بوت استرپ نیستید . بهتره مسلط باشید اینجوری نمیشه کاری انجام داد ....
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟