ریسپانسیو کردن div ها و محتوای آنها با استفاده از فریم ورک بوت استرپ
با سلام خدمت تمامی دوستان عزیز
من تا به حال دوره های زیادی برای یادگیری بوت استرپ دیدم .
با کلاس هاش آشنا هستم . ولی یک مشکل اساسی که دارم این هست که مثلا محتوای div ها در سایزهای مختلف صفحه جابه جا میشن و هنوز روش اصولی برای کدنویسی این قسمت رو نتونستم بفهمم ...
و میام یک div دیگه ایجاد میکنم و مثلا میگم این div از سایز 768px به بعد نشون داده بشه ولی زیر این سایز نشون داده نشه و یک div دیگه باز برای زیر این سایز ایجاد میکنم در صورتیکه محتوا عینا همونه فقط جابه جا میشن یا بعصی قسمت ها حذف میشه کلا . اینکه حذف میشه که با کلاس میشه کنترلش کرد ولی برای جابه جایی بقیه آیتم های داخل div مطمینم که روشم اشتباه هست . چون اینجوری حجم کدنویسی خیلی بالا میره و همش باید div های تکراری ایجاد بشه ...
به عنوان مثال سایتی که مد نظرمه سایت netbarg.com هستش . اون div های رستوران و کافی شاپ و تفریحی و ورزشی و ....
که آیتم های داخلش جابه جا میشن.
ممنون میشم اگر کسی تسلط به بوت استرپ داره و یا دوره ای سراغ داره که پاسخگوی حل این مشکلم باشه معرفی کنه .
من دوره های زیادی دیدم اما متاسفانه هیچ آموزشی درباره این مشکل توضیح ندادن.
با تشکر
شما موقع استفاده از بوت استرپ بهتره که اصلا با اعداد و پیکس ها کار نکنید چون حالت ریسپانسیو از بین میره. اگر بتونید یک آموزش پروژه محور رو یاد بگیرید خیلی می تونه توی آموزش بوت استرپ به شما کمک کنه. آموزش زیر رو بهتون پیشنهاد می کنم چون خیلی ساده و کاملا پروژه محور هست
- آموزش استفاده از SignalR در Asp.net Core با مثال عملی
- ادغام چند گزارش استیمول سافت بصورت پی دی اف در یک فایل
- نحوه تغییر استایل کامپوننت select2 چگونه است ؟
- چگونه امنیت پروژه را در Asp.net Core افزایش دهیم ؟
- ارسال پارامتر در دستور window.open جی کویری
- ارسال پارامتر از طریق جاوااسکریپت با کلیک روی تگ a
- خطای 500 زمان اجرا شدن پروژه روی هاست
- کویری نویسی در استیمول سافت جهت فیلتر اطلاعات
- نمایش صفحه در پنجره جدید با کلیک روی لینک (تگ a) در Asp
- افزودن مقادیر به صورت دستی به List دریافت شده از ریپازیتوری
- حذف فایلها و دستورات Css و JavaScript اضافی
- استایل دادن به Button در html
- دلیل خطای Identifier 'X' has already been declared در جی کویری چیست ؟
- استفاده از تقویم شمسی سازگار با بوت استرپ در وب
- نحوه حذف پس زمینه سیاه صفحه مدال در بوت استرپ
- آموزش کار با Position ها در css
- ایجاد جدول ریسپانسیو در بوت استرپ
- کنترل و بررسی تیک خوردن Checkbox توسط جی کویری
- ایجاد فرم Modal با بوت استرپ در Asp.net core
- ساخت منوی کشویی توسط تگ ul و li و بوت استرپ