دسته بندی ها
11:45 1399/12/02

دلیل کار نکردن کلاس col-md-offset در بوت استرپ 4 چیست

مشخصات سوال کننده :
کاربر : pedram_khan     امتیاز کاربر : 277     رتبه کاربر : 6
دسته بندی : Html Css بوت استرپ

به این سوال امتیاز بدهید    0
تعداد بازدید این سوال : 3132
هوش مصنوعی

پاسخ هوش مصنوعی

در بوت استرپ 4، کلاس col-md-offset حذف شده است و دیگر استفاده نمی شود. به جای آن، شما می توانید از کلاس های ml- (margin-left) یا mr- (margin-right) برای ایجاد فاصله از چپ یا راست استفاده کنید. همچنین می توانید با ترکیب استفاده از کلاس های col-md- و mx-auto (برای مرکز کردن) به نتیجه دلخواه برسید.

برای مثال، اگر می خواهید یک ستون را به اندازه 1 واحد از سمت چپ جا به جا کنید، می توانید به صورت زیر عمل کنید:

<div class="content container-fluid">
    <div class="col-md-10 mx-auto">
        ...
    </div>
</div>
به این پاسخ امتیاز بدهید    0
امتیاز: - رتبه: -
پاسخ دهنده : saedbfd 11:49 1399/12/02

در داکیومنت های بوت استرپ 4 برخی از کلاس های بوت استرپ تغییراتی داشتن. یکی از کلاس هایی که تغییر کرده همین کلاس های col-offset هستن. شما باید دستور خودتون رو با دستور جدید جایگزین کنید.

//دستور قدیمی
col-md-offset-*

//دستور جدید
offset-md-*

 

پس به عبارتی دستور شما باید به صورت زیر تغییر کنه 

 

<div class="content container-fluid col-md-10 offset-md-1" >
   ...
</div>

 

به این پاسخ امتیاز بدهید    1
امتیاز: 1664 رتبه: 1
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.   ورود