عرض محدود
بخشهای تمامعرض با <flux:container> و prop «container» کنار هم مقایسه میشوند.
<body>
<flux:header container>…</flux:header>
<flux:main container>
<flux:container>…</flux:container>
</flux:main>
<flux:footer container>…</flux:footer>
</body>
هدر
محتوا
فوتر
نوارِ رنگی تمامعرض است ولی محتوایش با flux:container در وسط نگه داشته شده.
ناحیه محدودشده
prop روی flux:header، flux:main و flux:footer؛ محتوا را در max-w-7xl وسطچین میکند. همین صفحه از آن استفاده میکند.
محدودسازی دستی
برای بخشهایی که پسزمینهشان تمامعرض است ولی محتوایشان باید وسط بماند — مثل نوار سبز پایین همین صفحه.
تمامعرض
حالت پیشفرض: ناحیه فقط padding میگیرد و تا لبههای صفحه کشیده میشود؛ همان چیزی که چیدمانهای سایدباری استفاده میکنند.
سفارشهای امروز
۱۲۸
فروش امروز
۱۸۴٬۵۰۰٬۰۰۰
تومان
مرجوعیها
۷
میانگین رضایت
پیشنهاد شگفتانگیز
پایان تا:
۰۷
ساعت
۴۲
دقیقه
۰۰
ثانیه