Sourceکارتەکان
کارتەکانی بووتستراپ کۆنتێنەرێکی ناوەڕۆکی نەرم و فراوانکراو بە چەندین جۆر و بژاردە دابین دەکەن.
کارت بریتییە لە دەفرێکی ناوەڕۆکی نەرم و درێژکراوە. هەڵبژاردەکانی سەردێڕ و ژێرەوە، ناوەڕۆکی جۆراوجۆر، ڕەنگی پاشبنەمای کۆنتێکست و بژاردەی بەهێزی پیشاندانی لەخۆدەگرێت. ئەگەر ئاشنای بووتستراپ ٣ بیت، کارتەکان جێگەی پانێڵ و بیر و وێنە بچووکەکانمان دەگرنەوە. کارایی هاوشێوەی ئەو پێکهاتانە وەک پۆلی دەستکاریکەر بۆ کارتەکان بەردەستە.
کارتەکان بە کەمترین مارکاپ و ستایل دروست دەکرێن، بەڵام هێشتا توانیویانە تۆنێک کۆنتڕۆڵ و خۆکارکردن پێشکەش بکەن. بە فلیکس بۆکس دروستکراون، ڕێکخستنی ئاسان پێشکەش دەکەن و بە باشی تێکەڵ بە پێکهاتەکانی تری بووتستراپ دەکەن. 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 لە
- ڤێستیبولوم لە ئیرۆس
سەردێڕ و/یان ژێرەوەی هەڵبژاردە لەناو کارتێکدا زیاد بکە.
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
دەتوانرێت سەردێڕی کارتەکان بە زیادکردنی .card-header
بۆ <h*>
توخمەکان ستایل بکرێت.
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
لۆرێم ئیپسوم دۆلۆر دانیشتن ئەمێت، کۆنسێکتێتور چەوری نوخبە. ژمارەیەکی تەواو posuere erat a ante.
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
کارتەکان گریمانە ناکەن کە هیچ تایبەتمەندێک width
بۆ دەستپێکردن نییە، بۆیە 100% فراوان دەبن مەگەر بە پێچەوانەوە نەنووسرێت. دەتوانیت ئەمە بەپێی پێویست بگۆڕیت بە CSSی تایبەت، پۆلەکانی تۆڕ، میکسینەکانی تۆڕی Sass، یان سوودمەندیەکان.
بە بەکارهێنانی تۆڕەکە، کارتەکان بە ستوون و ڕیز بەپێی پێویست بپێچە.
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
بەکارهێنانی خزمەتگوزارییەکان
مشتێک لە سوودمەندی قەبارەدانانی بەردەستمان بەکاربهێنە بۆ ئەوەی بە خێرایی پانایی کارتێک دابنێیت.
ناونیشانی کارت
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
دوگمه
ناونیشانی کارت
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
دوگمه
CSSی تایبەت لە ستایلەکانتدا یان وەک ستایلەکانی ناو هێڵ بەکاربهێنە بۆ دانانی پانایی.
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
دەتوانیت بە خێرایی ڕێکخستنی دەقی هەر کارتێک بگۆڕیت-بە تەواوی یان بەشە تایبەتەکانی-بە پۆلەکانی ڕێکخستنی دەقەکانمان .
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
هەندێک گەشتکردن زیاد بکە بۆ سەردێڕی کارتێک (یان بلۆک) بە پێکهاتەکانی nav ی Bootstrap .
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
مامەڵەی تایبەت بە ناونیشان
لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە.
بڕۆ شوێنێک
کارتەکان چەند بژاردەیەک لەخۆدەگرن بۆ کارکردن لەگەڵ وێنەکان. لە نێوان زیادکردنی "کاپەکانی وێنە" لە هەر کۆتایی کارتێکدا، سەرپۆشکردنی وێنەکان بە ناوەڕۆکی کارتێک، یان تەنها جێگیرکردنی وێنەکە لە کارتێکدا هەڵبژێرە.
هاوشێوەی سەر و ژێرەوە، کارتەکان دەتوانن "کاپەکانی وێنە"ی سەرەوە و خوارەوە لەخۆ بگرن- وێنەکانی سەرەوە یان خوارەوەی کارتێک.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
وێنەیەک بکە بە پاشبنەمای کارت و دەقی کارتەکەت دابنێ. بەپێی وێنەکە، لەوانەیە پێویستت بە ستایل یان سوودمەندی زیادە بێت یان نا.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
کارتەکان بژاردەی جۆراوجۆر لەخۆدەگرن بۆ خۆکارکردنی پاشبنەما و سنوور و ڕەنگەکانیان.
سوودمەندییەکانی دەق و پاشبنەما بەکاربهێنە بۆ گۆڕینی دەرکەوتنی کارتێک.
ناونیشانی کارتی سەرەتایی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی لاوەکی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی سەرکەوتن
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی مەترسی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی ئاگادارکردنەوە
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی زانیاری
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی ڕووناکی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی تاریک
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
گەیاندنی مانا بۆ تەکنەلۆژیا یارمەتیدەرەکان
بەکارهێنانی ڕەنگ بۆ زیادکردنی مانا تەنیا ئاماژەیەکی بینراو دەدات، کە ناگەیەنرێتە بەکارهێنەرانی تەکنەلۆژیا یارمەتیدەرەکان – وەک خوێنەری شاشە. دڵنیابە لەوەی کە ئەو زانیاریانەی کە بە ڕەنگەکە دیاری دەکرێن یان لە خودی ناوەڕۆکەکەوە دیارن (بۆ نموونە دەقی بینراو)، یان لە ڕێگەی ئامرازی بەدیلەوە جێگیر دەکرێن، وەک دەقی زیادە کە لەگەڵ .sr-only
پۆلەکەدا شاراوەتەوە.
سوودمەندییەکانی سنوور بەکاربهێنە بۆ گۆڕینی تەنها border-color
لە کارتێک. تێبینی بکە کە دەتوانیت .text-{color}
پۆلەکان لەسەر دایک .card
یان ژێرکۆمەڵێک لە ناوەڕۆکی کارتەکە دابنێیت وەک لە خوارەوە نیشان دراوە.
ناونیشانی کارتی سەرەتایی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی لاوەکی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی سەرکەوتن
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی مەترسی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی ئاگادارکردنەوە
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی زانیاری
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی ڕووناکی
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
ناونیشانی کارتی تاریک
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
هەروەها دەتوانیت بەپێی پێویست سنوورەکانی سەر و ژێرەوەی کارتەکە بگۆڕیت، تەنانەت background-color
بە .bg-transparent
.
ناونیشانی کارتی سەرکەوتن
هەندێک دەقی نموونەی خێرا بۆ بنیاتنانی لەسەر ناونیشانی کارتەکە و پێکهێنانی بەشێکی زۆری ناوەڕۆکی کارتەکە.
جگە لە ستایلکردنی ناوەڕۆک لەناو کارتەکاندا، Bootstrap چەند بژاردەیەکی لەخۆگرتووە بۆ داڕشتنی زنجیرە کارتەکان. بۆ ئێستا، ئەم بژاردانەی نەخشە هێشتا وەڵامدەرەوە نین .
گروپەکانی کارت بەکاربهێنە بۆ ڕەندەری کارتەکان وەک یەک توخم و هاوپێچکراو بە ستوونی پانایی و بەرزی یەکسان. گروپەکانی کارت بەکاریدەهێنن display: flex;
بۆ بەدەستهێنانی قەبارەی یەکسانیان.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
ناونیشانی کارت
ئەم کارتە دەقی پشتگیری لە خوارەوە هەیە وەک پێشەکییەکی سروشتی بۆ ناوەڕۆکی زیادە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم کارتە تەنانەت ناوەڕۆکی درێژتری هەیە لە یەکەمیان بۆ ئەوەی ئەو کردارە بەرزییە یەکسانە پیشان بدات.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
لە کاتی بەکارهێنانی گروپەکانی کارت بە ژێرەوە، ناوەڕۆکەکەیان بە شێوەیەکی ئۆتۆماتیکی ڕیز دەبێت.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
ناونیشانی کارت
ئەم کارتە دەقی پشتگیری لە خوارەوە هەیە وەک پێشەکییەکی سروشتی بۆ ناوەڕۆکی زیادە.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم کارتە تەنانەت ناوەڕۆکی درێژتری هەیە لە یەکەمیان بۆ ئەوەی ئەو کردارە بەرزییە یەکسانە پیشان بدات.
پێویستت بە کۆمەڵێک کارتی یەکسانە لە پانایی و بەرزی کە بە یەکەوە نەبەسترێتەوە؟ بەکارهێنانی دەکی کارت.
ناونیشانی کارت
ئەمە کارتێکی درێژترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
ناونیشانی کارت
ئەم کارتە دەقی پشتگیری لە خوارەوە هەیە وەک پێشەکییەکی سروشتی بۆ ناوەڕۆکی زیادە.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم کارتە تەنانەت ناوەڕۆکی درێژتری هەیە لە یەکەمیان بۆ ئەوەی ئەو کردارە بەرزییە یەکسانە پیشان بدات.
دوایین نوێکردنەوە 3 خولەک پێش ئێستا
هەروەک چۆن لەگەڵ گروپەکانی کارتەکاندا، پێیەکانی کارتەکان لە دەکەکاندا بە شێوەیەکی ئۆتۆماتیکی ڕیز دەبن.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم ناوەڕۆکە کەمێک درێژترە.
ناونیشانی کارت
ئەم کارتە دەقی پشتگیری لە خوارەوە هەیە وەک پێشەکییەکی سروشتی بۆ ناوەڕۆکی زیادە.
ناونیشانی کارت
ئەمە کارتێکی فراوانترە لەگەڵ دەقی پشتگیری لە خوارەوە وەک پێشەنگییەکی سروشتی بۆ ناوەڕۆکی زیادە. ئەم کارتە تەنانەت ناوەڕۆکی درێژتری هەیە لە یەکەمیان بۆ ئەوەی ئەو کردارە بەرزییە یەکسانە پیشان بدات.
دەتوانرێت کارتەکان بە ستوونی هاوشێوەی ماسۆنری ڕێکبخرێت بە تەنها 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- بۆ دروستکردنی کۆمەڵێک قاتە وەڵامدەرەوە بۆ گۆڕینی ژمارەی ستوونەکان.