ریسپانسیو در بوت استرپ

لایه های کانتینر

-برای افزودن یک طرح بندی با عرض ثابت و مرکز به صفحه خود، به سادگی محتوارا در داخل تگ دی ای وی با کالس کانتینر
قرار دهید . اگر شما میخواهید استفاده کنید از الیه فلوید اما به انداختن محتو به کانتینر باید به تگ دی ای وی کالی کانتینر-فلوید را
بدهید. استفاده از الیه فلوید در زمان ساخت اپلیکیشن ، مدیریت صفحه ، و کارهای مرتبط با پروژه عالی است.

ریسپانسیو

برای فعال کردن ویژگی ریسپانسیو در بوت استرپ شما نیاز به اضافه کردن تگ متا در تگ هد در سند اچ تی ام ال تان دارید ، اگر منبع کامپایل
شده را دانلود نکرده اید ، شما نیاز دارید به اضافه کردن فایل ریسپانسیو سی اس اس تان هستید.
7-ریسپانسیو یک متودی است که کل محتوا موجود در سایت را برای دستگاه های مختلف به خوبی نشان میدهد، برای مثال دسکتاب نه تنها نسخه
معمولی وبسایت بلکه ممکن است طرح بندی صحه گسترده را نیز دریافت کندو
بهینه شده برای نمایشگر های بزرگ که بسیاری از مردم به رایانه خود متصل کرده اند. تبلت ها
با استفاده از طرحبند یهای پرتره یا منظره، ی ک چیدمان بهینه دریافت میکنند و سپس با تلفن ها، می توانید عرض بسیار باری ک آنها را هدف قرار
برای هدف قراردادن این اندازه های متفاوت بوت استرپ استفاده کرده از سی اس اس مدیا ک وری برای اندازه گیری ویو پورت مرورگر و دهید.
سپس با استفاده از شرط ها استایل های هر اندازه را تغییر میدهد. با استفاده از وید ، ویوپورت مرورگر ، بوت استرپ میتواند بهینه کند محتوا را
با استفاده از ترکیبی از نسبت ها و عرض ها ، اما بیشتر به پرارپتی های مکس وید و مین وید متکی است.
در هسته بوت استرپ از 5 الیه متفاوت استفاده میکند که هرکدام به مدیا کوری متکی است ، بزرگترین طرح دارای ستون هایی با عرض 70
پیکسل است ، در تضاد با 60 پیکسل از چیدمان معمولی .
الیه های تبلت ستون هارا به عرض 42 پیکسل میرسانند ، و زمانی که از ان باریکتر میشوند هر ستون نیز فلوید میشود به این معنی که ستون ها
به صورت عمودی روی هم چیده شده اند و هر ستون تمام عرض دستگاه است.
برای افزودن CSS سفارشی بر اساس مدیا کوری ، میتوانید همه قوانین را در یکی بگنجانید فایل CSS از طریق مدیا کوری ، یا استفاده از فایل
های CSS کامال متفاوت.

برای ی ک سا یت بزرگتر، ممکن است بخواهید هر مدیا کوری را به یک فایل CSS جداگانه تقسی م کنید . که در فایل اچ تی ام میتواند انها را کال
کنید. شما میتوان ید کال کنید انها را با استفاده از تگ لینک در تگ هد در دامیومنت.این بسیاز مورد استفا ده است برای اینکه اندازه فایل هارا
کوچک نگه داشت اما بطور بالقوه اچ تی تی پی را افزایش میدهد درصورتیکه سایت ریسپانسیو باشد. اگر شما استفاده میکنید از لس برای کامپایل
سی اس اس ، می توانید همه آنها را در یک فایل پردازش کن ید.
Bootstrap همچنین شامل تعداد انگشت شماری از کالس ها ی کمکی برا ی انجام ریسپانسیو است ) ازاین ها کم استفاده کنید ( ، چند مورد اس تفاده
که من دیده ام ، شامل بارگزاری عناصر سفارشی بر اساس الیه )چیدمان(های خاص.شاید شما داشته باشید یک هدر بسیار زیبا در الیه اصلی داشته باشید.