Reza Jashnsaz
5 سال پیش توسط Reza Jashnsaz مطرح شد
4 پاسخ

ریسپانسیو کردن صفحه بندی چجوری انجام میشه

سلام . واسه صفحه بندی مثلا فکر کنید 100 تا صفحه داریم مثل همین قسمت بحث و گفتگوی راکت
چیکار کنم که وقتی تو موبایل نشون داده میشه از صفحه خارج نشه و خودش بره خط بعدی ؟
داخل یه div با کلاس row و یه div دیگه با کلاس col-sm-12 هم گذاشتمش ولی بازم میزنه بیرون از صفحه.


ثبت پرسش جدید
علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

اگز از بوت‌استرپ استفاده میکنی. باید مستنداتش رو دقیقتر بررسی کنی.
col-sm برای ستون های کوچک
col-md برای ستون های متوسط
col-lg برای ستون های بزرگ

یه سطر با کلاس row میتونه از یکی یا همه کلاس‌های بالا استفاده کنه مثلا:

<div class="row">
    <div class="col-lg4 col-md6 col-sm12">
        // محتوای ریسپانسیو
    </div>
</div>

Reza Jashnsaz
تخصص : مهندس نرم افزار
@rezajashnsaz0011 5 سال پیش مطرح شد
0

@ali.bayat
مباحث گرید بندی بوتسترپ رو بلدم و کل پروژمو ریسپانسیو کردم
ولی صفحه بندیش رو نمیدونم چجوری ریسپانسیو کنم .. وقتی تعداد صفحات زیاد باشه همینجور مستقیم میره و از صفحه خارج میشه . نمیدونم چیکار کنم که از صفحه خارج نشه


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

منظورتون لینک‌های صفحه بندیه؟ (قبلی٬ بعدی و اعداد؟)
آیا این اِلِمان درون container تعریف شده؟


Reza Jashnsaz
تخصص : مهندس نرم افزار
@rezajashnsaz0011 5 سال پیش مطرح شد
0

@ali.bayat
ممنون درست شد . کلاس Table-responsive بهش دادم


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام