💻 آخرین فرصت یادگیری برنامه‌نویسی با آفر ویژه قبل از افزایش قیمت در ۵ آذر ماه (🎁 به همراه یک هدیه ارزشمند )
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ neda rezapour
container & container-fluid
جامعه Html & CSS ایجاد شده در ۱۰ فروردین ۱۴۰۳

با توجه به پراپرتی‌های container و container-fluid میشه توضیح بدید که معیار چیه که بعضی جاها از جفتش استفاده نمیکنند. برای مثال در بخش درباره ما از container استفاده نشده. 

.container-fluid {

  width: 100%;

}

.container {

  clear: both;

  max-width: 1200px;

  /* margin: 0 auto; */

  margin-left: auto;

  margin-right: auto;

}

سلام،

تصمیم برای استفاده از .container یا .container-fluid، بستگی به نیاز شما برای عرض قالب محتوایی دارد. اصول کلی به این شکل است:

.container-fluid:
این کلاس باعث می‌شود محتوای درون آن به صورت responsive و با عرض 100% صفحه نمایش داده شود.(همانطور که در کد هم مشخص است) معمولاً برای قسمت‌هایی مانند سرصفحه (header)، پایین صفحه (footer)، اسلایدرها و ... که نیاز به پر شدن کامل عرض صفحه دارند، استفاده می‌شود.

 

.container:
این کلاس عرض محتوای درون را محدود می‌کند و در عرض‌های بزرگتر(در اینجا عرض‌های بزرگتر از 1200 پیکسل)، عرض ثابتی را برای محتوا در نظر می‌گیرد (در این استایل 1200px). برای محتوایی مانند متن، فرم‌ها و سایر المان‌های میانی وبسایت مناسب است که نیازی به پر کردن کل عرض صفحه نیست.

محسن موحد ۱۱ فروردین ۱۴۰۳، ۰۸:۳۹