راکت

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

4 پاسخ

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

ثبت پرسش جدید

پاسخ‌ها

4
علی بیات
علی بیات
@ali.bayat

تخصص: توسعه دهنده ارشد وب

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

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

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

تخصص: مهندس نرم افزار

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

شاید پاسخ شما همین‌جا باشد

علی بیات
علی بیات
@ali.bayat

تخصص: توسعه دهنده ارشد وب

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

Reza Jashnsaz
Reza Jashnsaz
@rezajashnsaz0011

تخصص: مهندس نرم افزار

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

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

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