کارتەکانی بووتستراپ کۆنتێنەرێکی ناوەڕۆکی نەرم و فراوانکراو بە چەندین جۆر و بژاردە دابین دەکەن.
دەربارەی
کارت بریتییە لە دەفرێکی ناوەڕۆکی نەرم و درێژکراوە. هەڵبژاردەکانی سەردێڕ و ژێرەوە، ناوەڕۆکی جۆراوجۆر، ڕەنگی پاشبنەمای کۆنتێکست و بژاردەی بەهێزی پیشاندانی لەخۆدەگرێت. ئەگەر ئاشنای بووتستراپ ٣ بیت، کارتەکان جێگەی پانێڵ و بیر و وێنە بچووکەکانمان دەگرنەوە. کارایی هاوشێوەی ئەو پێکهاتانە وەک پۆلی دەستکاریکەر بۆ کارتەکان بەردەستە.
نموونە
کارتەکان بە کەمترین مارکاپ و ستایل دروست دەکرێن، بەڵام هێشتا توانیویانە تۆنێک کۆنتڕۆڵ و خۆکارکردن پێشکەش بکەن. بە فلیکس بۆکس دروستکراون، ڕێکخستنی ئاسان پێشکەش دەکەن و بە باشی تێکەڵ بە پێکهاتەکانی تری بووتستراپ دەکەن. margin
بە شێوازی پێشوەختە هیچیان نییە ، بۆیە بەپێی پێویست سوودمەندییەکانی دووری بەکاربهێنە.
لە خوارەوە نموونەی کارتێکی بنەڕەتی دەخەینەڕوو کە ناوەڕۆکێکی تێکەڵە و پانایییەکی جێگیرە. کارتەکان هیچ پانایییەکی جێگیریان نییە بۆ دەستپێکردن، بۆیە بە شێوەیەکی سروشتی پانایی تەواوی توخمە باوکەکەی پڕ دەکەنەوە. ئەمە بە ئاسانی بە بژاردە جیاوازەکانی قەبارەدانانمان تایبەتمەند دەکرێت .
ناونیشانی کارت
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
بڕۆ شوێنێک
جۆرەکانی ناوەڕۆک
کارتەکان پشتگیری لە ناوەڕۆکی جۆراوجۆر دەکەن، لەوانە وێنە، دەق، گروپی لیست، بەستەر و زۆر شتی تر. لە خوارەوە نموونەی ئەو شتانە دەخەینەڕوو کە پشتگیری دەکرێن.
جەستە
بلۆکی بیناسازی کارتێک بریتییە لە .card-body
. هەرکاتێک پێویستت بە بەشێکی پادکراو بوو لەناو کارتێکدا بەکاری بهێنە.
ئەمە هەندێک دەقە لەناو جەستەی کارتێکدا.
ناونیشان و دەق و بەستەرەکان
ناونیشانی کارتەکان بە زیادکردن .card-title
بۆ <h*>
تاگێک بەکاردەهێنرێت. بە هەمان شێوە بەستەرەکان زیاد دەکرێن و لە تەنیشت یەکەوە دادەنرێت بە زیادکردن .card-link
بۆ <a>
تاگێک.
ژێرنووس بە زیادکردنی a .card-subtitle
بۆ <h*>
تاگێک بەکاردەهێنرێت. ئەگەر .card-title
و .card-subtitle
شتەکان لە شتێکدا دابنرێن .card-body
، ناونیشانی کارتەکە و ژێرنووسەکە بە جوانی ڕێکدەخرێن.
ناونیشانی کارت
ژێرنووسی کارت
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
لینکی کارت لینکی
تر
وێنەکان
.card-img-top
وێنەیەک لە سەرەوەی کارتەکە دادەنێت. بە .card-text
, دەتوانرێت دەق زیاد بکرێت بۆ کارتەکە. .card-text
هەروەها دەتوانرێت دەقی ناوەوە بە تاگەکانی HTML ستاندارد ستایل بکرێت.
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
گروپەکان بنووسە
دروستکردنی لیستی ناوەڕۆک لە کارتێکدا بە گروپی لیستی فڵش.
- کراس جوستۆ ئۆدیۆ
- داپیبوس ac facilisis لە
- ڤێستیبولوم لە ئیرۆس
- کراس جوستۆ ئۆدیۆ
- داپیبوس ac facilisis لە
- ڤێستیبولوم لە ئیرۆس
- کراس جوستۆ ئۆدیۆ
- داپیبوس ac facilisis لە
- ڤێستیبولوم لە ئیرۆس
سینکی چێشتخانە
چەندین جۆری ناوەڕۆک تێکەڵ بکە و هاوتا بکە بۆ دروستکردنی ئەو کارتە کە پێویستتە، یان هەموو شتێک لەوێ فڕێ بدە. لە خوارەوە شێوازی وێنە، بلۆک، شێوازی دەق و گروپێکی لیست نیشان دراوە- هەموویان لە کارتێکی پانایی جێگیردا پێچراون.
ناونیشانی کارت
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
- کراس جوستۆ ئۆدیۆ
- داپیبوس ac facilisis لە
- ڤێستیبولوم لە ئیرۆس
سەردێڕ و/یان ژێرەوەی هەڵبژاردە لەناو کارتێکدا زیاد بکە.
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
دەتوانرێت سەردێڕی کارتەکان بە زیادکردنی .card-header
بۆ <h*>
توخمەکان ستایل بکرێت.
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
لۆرێم ئیپسوم دۆلۆر دانیشتن ئەمێت، کۆنسێکتێتور چەوری نوخبە. ژمارەیەکی تەواو posuere erat a ante.
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
قەبارەدانان
کارتەکان گریمانە ناکەن کە هیچ تایبەتمەندێک width
بۆ دەستپێکردن نییە، بۆیە 100% فراوان دەبن مەگەر بە پێچەوانەوە نەنووسرێت. دەتوانیت ئەمە بەپێی پێویست بگۆڕیت بە CSSی تایبەت، پۆلەکانی تۆڕ، میکسینەکانی تۆڕی Sass، یان سوودمەندیەکان.
بەکارهێنانی تۆڕی نیشانە
بە بەکارهێنانی تۆڕەکە، کارتەکان بە ستوون و ڕیز بەپێی پێویست بپێچە.
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
بەکارهێنانی خزمەتگوزارییەکان
مشتێک لە سوودمەندی قەبارەدانانی بەردەستمان بەکاربهێنە بۆ ئەوەی بە خێرایی پانایی کارتێک دابنێیت.
ناونیشانی کارت
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
دوگمه
ناونیشانی کارت
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
دوگمه
بەکارهێنانی CSSی تایبەت
CSSی تایبەت لە ستایلەکانتدا یان وەک ستایلەکانی ناو هێڵ بەکاربهێنە بۆ دانانی پانایی.
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
ڕێکخستنی دەق
دەتوانیت بە خێرایی ڕێکخستنی دەقی هەر کارتێک بگۆڕیت-بە تەواوی یان بەشە تایبەتەکانی-بە پۆلەکانی ڕێکخستنی دەقەکانمان .
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
گەشتکردن
هەندێک گەشتکردن زیاد بکە بۆ سەردێڕی کارتێک (یان بلۆک) بە پێکهاتەکانی nav ی Bootstrap .
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
وێنەکان
کارتەکان چەند بژاردەیەک لەخۆدەگرن بۆ کارکردن لەگەڵ وێنەکان. لە نێوان زیادکردنی "کاپەکانی وێنە" لە هەر کۆتایی کارتێکدا، سەرپۆشکردنی وێنەکان بە ناوەڕۆکی کارتێک، یان تەنها جێگیرکردنی وێنەکە لە کارتێکدا هەڵبژێرە.
کاپەکانی وێنە
هاوشێوەی سەر و ژێرەوە، کارتەکان دەتوانن "کاپەکانی وێنە"ی سەرەوە و خوارەوە لەخۆ بگرن- وێنەکانی سەرەوە یان خوارەوەی کارتێک.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
سەرپۆشی وێنە
وێنەیەک بکە بە پاشبنەمای کارت و دەقی کارتەکەت دابنێ. بەپێی وێنەکە، لەوانەیە پێویستت بە ستایل یان سوودمەندی زیادە بێت یان نا.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
تێبینی: نابێت ناوەڕۆک لە بەرزی وێنەکە گەورەتر بێت. ئەگەر ناوەڕۆک گەورەتر بێت لە وێنەکە ناوەڕۆکەکە لە دەرەوەی وێنەکە پیشان دەدرێت.
ئاسۆیی
بە بەکارهێنانی تێکەڵەیەک لە پۆلەکانی تۆڕ و سوودمەندی، دەتوانرێت کارتەکان بە شێوەیەکی ئاسۆیی دروست بکرێت بە شێوەیەکی دۆستانەی مۆبایل و وەڵامدەرەوە. لە نموونەی خوارەوەدا، ئێمە کانیەکانی تۆڕ بە .no-gutters
و .col-md-*
پۆلەکان بەکاردەهێنین بۆ ئەوەی کارتەکە لە md
خاڵی شکاندنەکەدا ئاسۆیی بکەین. ڕەنگە پێویست بە ڕێکخستنی زیاتر بکات بەپێی ناوەڕۆکی کارتەکەت.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
شێوازی کارتەکان
کارتەکان بژاردەی جۆراوجۆر لەخۆدەگرن بۆ خۆکارکردنی پاشبنەما و سنوور و ڕەنگەکانیان.
باکگراوند و ڕەنگ
سوودمەندییەکانی دەق و پاشبنەما بەکاربهێنە بۆ گۆڕینی دەرکەوتنی کارتێک.
ناونیشانی کارتی سەرەتایی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی لاوەکی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی سەرکەوتن
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی مەترسی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی ئاگادارکردنەوە
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی زانیاری
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی ڕووناکی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی تاریک
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
گەیاندنی مانا بۆ تەکنەلۆژیا یارمەتیدەرەکان
بەکارهێنانی ڕەنگ بۆ زیادکردنی مانا تەنیا ئاماژەیەکی بینراو دەدات، کە ناگەیەنرێتە بەکارهێنەرانی تەکنەلۆژیا یارمەتیدەرەکان – وەک خوێنەری شاشە. دڵنیابە لەوەی کە ئەو زانیاریانەی کە بە ڕەنگەکە دیاری دەکرێن یان لە خودی ناوەڕۆکەکەوە دیارن (بۆ نموونە دەقی بینراو)، یان لە ڕێگەی ئامرازی بەدیلەوە جێگیر دەکرێن، وەک دەقی زیادە کە لەگەڵ .sr-only
پۆلەکەدا شاراوەتەوە.
سنوور
سوودمەندییەکانی سنوور بەکاربهێنە بۆ گۆڕینی تەنها border-color
لە کارتێک. تێبینی بکە کە دەتوانیت .text-{color}
پۆلەکان لەسەر دایک .card
یان ژێرکۆمەڵێک لە ناوەڕۆکی کارتەکە دابنێیت وەک لە خوارەوە نیشان دراوە.
ناونیشانی کارتی سەرەتایی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی لاوەکی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی سەرکەوتن
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی مەترسی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی ئاگادارکردنەوە
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی زانیاری
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی ڕووناکی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی تاریک
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
خزمەتگوزارییەکانی میکسین
هەروەها دەتوانیت بەپێی پێویست سنوورەکانی سەر و ژێرەوەی کارتەکە بگۆڕیت، تەنانەت background-color
بە .bg-transparent
.
ناونیشانی کارتی سەرکەوتن
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
شێوازی کارت
جگە لە ستایلکردنی ناوەڕۆک لەناو کارتەکاندا، Bootstrap چەند بژاردەیەکی لەخۆگرتووە بۆ داڕشتنی زنجیرە کارتەکان. بۆ ئێستا، ئەم بژاردانەی نەخشە هێشتا وەڵامدەرەوە نین .
گروپی کارتەکان
گروپەکانی کارت بەکاربهێنە بۆ ڕەندەری کارتەکان وەک یەک توخم و هاوپێچکراو بە ستوونی پانایی و بەرزی یەکسان. گروپەکانی کارت بە کۆی دەست پێدەکەن و بەکاردەهێنن display: flex;
بۆ ئەوەی بە ڕەهەندە یەکسانەکان لە sm
خاڵی شکاندنەوە دەست پێبکەن.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
ناونیشانی کارت
ئەم کارتە دەقی پشتگیری لە خوارەوە هەیە وەک پێشەکییەکی سروشتی بۆ ناوەڕۆکی زیادە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم کارتە تەنانەت ناوەڕۆکی درێژتری هەیە لە یەکەمیان بۆ ئەوەی ئەو کردارە بەرزییە یەکسانە پیشان بدات.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
لە کاتی بەکارهێنانی گروپەکانی کارت بە ژێرەوە، ناوەڕۆکەکەیان بە شێوەیەکی ئۆتۆماتیکی ڕیز دەبێت.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
ناونیشانی کارت
ئەم کارتە دەقی پشتگیری لە خوارەوە هەیە وەک پێشەکییەکی سروشتی بۆ ناوەڕۆکی زیادە.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم کارتە تەنانەت ناوەڕۆکی درێژتری هەیە لە یەکەمیان بۆ ئەوەی ئەو کردارە بەرزییە یەکسانە پیشان بدات.
دەکەکانی کارت
پێویستت بە کۆمەڵێک کارتی یەکسانە لە پانایی و بەرزی کە بە یەکەوە نەبەسترێتەوە؟ بەکارهێنانی دەکی کارت.
ناونیشانی کارت
ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
ناونیشانی کارت
ئەم کارتە دەقی پشتگیری لە خوارەوە هەیە وەک پێشەکییەکی سروشتی بۆ ناوەڕۆکی زیادە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم کارتە تەنانەت ناوەڕۆکی درێژتری هەیە لە یەکەمیان بۆ ئەوەی ئەو کردارە بەرزییە یەکسانە پیشان بدات.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
هەروەک چۆن لەگەڵ گروپەکانی کارتەکاندا، پێیەکانی کارتەکان لە دەکەکاندا بە شێوەیەکی ئۆتۆماتیکی ڕیز دەبن.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
ناونیشانی کارت
ئەم کارتە دەقی پشتگیری لە خوارەوە هەیە وەک پێشەکییەکی سروشتی بۆ ناوەڕۆکی زیادە.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم کارتە تەنانەت ناوەڕۆکی درێژتری هەیە لە یەکەمیان بۆ ئەوەی ئەو کردارە بەرزییە یەکسانە پیشان بدات.
کارتی تۆڕ
سیستەمی تۆڕی Bootstrap و .row-cols
پۆلەکانی بەکاربهێنە بۆ کۆنترۆڵکردنی چەند ستوونی تۆڕ (بە دەوری کارتەکانتدا پێچراو) لە هەر ڕیزێکدا نیشان دەدەیت. بۆ نموونە، لێرەدا .row-cols-1
کارتەکان لەسەر یەک ستوون دادەنێین، و .row-cols-md-2
چوار کارت دابەش دەکەین بۆ پانایی یەکسان لە سەرانسەری چەندین ڕیزدا، لە خاڵی شکاندنی مامناوەندەوە بۆ سەرەوە.
ناونیشانی کارت
ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
ناونیشانی کارت
ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
ناونیشانی کارت
ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
ناونیشانی کارت
ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
بیگۆڕە بۆ .row-cols-3
و پێچاوی کارتی چوارەم دەبینیت.
ناونیشانی کارت
ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
ناونیشانی کارت
ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
ناونیشانی کارت
ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
ناونیشانی کارت
ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
کاتێک پێویستت بە بەرزی یەکسانە، زیاد بکە .h-100
بۆ کارتەکان. ئەگەر بە شێوازی پێشوەختە بەرزی یەکسانت دەوێت، دەتوانیت $card-height: 100%
لە Sass دا دابنێیت.
ناونیشانی کارت
ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
ناونیشانی کارت
ئەمە کارتێکی کورتە.
ناونیشانی کارت
ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
ناونیشانی کارت
ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
ستوونی کارتەکان
دەتوانرێت کارتەکان بە ستوونی هاوشێوەی ماسۆنری ڕێکبخرێت بە تەنها CSS بە پێچانیان لە .card-columns
. کارتەکان بە تایبەتمەندی CSS دروست دەکرێن column
لەبری flexbox بۆ ڕێکخستنی ئاسانتر. کارتەکان لە سەرەوە بۆ خوارەوە و چەپ بۆ ڕاست داوا دەکرێن.
سەرەکان بەرز دەکەنەوە! ڕەنگە میلەکانت لەگەڵ ستوونی کارتەکاندا جیاواز بن. بۆ ئەوەی کارتەکان لە سەرانسەری ستوونەکاندا نەشکێن، دەبێت بەو display: inline-block
شێوەیە دابنێین column-break-inside: avoid
کە هێشتا چارەسەرێکی دژە فیشەک نییە.
ناونیشانی کارت کە بە دێڕێکی نوێ دەپێچرێتەوە
ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
لۆرێم ئیپسوم دۆلۆر دانیشتن ئەمێت، کۆنسێکتێتور چەوری نوخبە. ژمارەیەکی تەواو posuere erat a ante.
ناونیشانی کارت
ئەم کارتە دەقی پشتگیری لە خوارەوە هەیە وەک پێشەکییەکی سروشتی بۆ ناوەڕۆکی زیادە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
لۆرێم ئیپسوم دۆلۆر دانیشتن ئەمێت، کۆنسێکتێتور چەوری نوخبە. ژمارەیەکی تەواو posuere erat.
ناونیشانی کارت
ئەم کارتە ناونیشانێکی ئاسایی و بڕگەی کورتی دەقی لە خوارەوەی هەیە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
لۆرێم ئیپسوم دۆلۆر دانیشتن ئەمێت، کۆنسێکتێتور چەوری نوخبە. ژمارەیەکی تەواو posuere erat a ante.
ناونیشانی کارت
ئەمە کارتێکی ترە کە ناونیشان و دەقی پشتگیری لە خوارەوەیە. ئەم کارتە هەندێک ناوەڕۆکی زیادەی تێدایە بۆ ئەوەی بە گشتی کەمێک بەرزتر بێت.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
هەروەها دەتوانرێت ستوونی کارتەکان درێژ بکرێتەوە و بە هەندێک کۆدی زیادە بەپێی خواستی خۆت دروست بکرێت. لە خوارەوە درێژکراوەی .card-columns
پۆلەکە نیشان دراوە بە بەکارهێنانی هەمان CSS کە بەکاری دەهێنین- ستوونەکانی CSS- بۆ دروستکردنی کۆمەڵێک قاتە وەڵامدەرەوە بۆ گۆڕینی ژمارەی ستوونەکان.