د ټب 1 مواد

کارت سرلیک h5>
دلته د کارت متن.
<کوچنۍ طبقه = "متن-مات شوی"> وروستي تازه دقیقې 3 دقیقې مخکې small>
یواځې ورته جوړښت د هر ځای شوي منځپانګې برخې لپاره چې د پورته ټکو ټبونو عناصرو سره مطابقت لري.
د بشپړ کوډ لپاره، د سمال ډیموټر وګورئ.
د معمارۍ کتابتون
زیاتول
تاسو کولی شئ د معمارۍ د چنارتو په ډاګه کولو سره د میسريري له رسمي ویب پاڼې څخه ډاونلوډ کړئ. pkgd. زما. js تڼۍ.
د لیږد مسلو څخه د مخنیوی لپاره، د کتابتون لیکوال د سپارښتنو سره یوځای د معمارۍ کارولو سپارښتنه کوي.
معمار د کار کولو لپاره JSemalt Library ته اړتیا نلري. په هرصورت، ځکه چې د بوټسټپپ جاوا سکریپټرې برخې لا دمخه له jSemalt کاروي، زه به د خپل ځان لپاره ژوند آسانه کړم او د معمارۍ JSemalt لاره پیل کول.
دا د کوډ پاڼه ده چې د چنارتو او انځورونو کارولو په کارولو سره د معمارۍ ابتدۍ کولو لپاره:
var $ کانټینر = $ ('خونې کانتینر')؛$ کنټرول. انځورونه شوي (فعالیت {$ کنټرول. معمار ({کالم ويډ: '. کارت '،توکي ټاکونکی: '. کارت '})؛})؛
د کوډ پورته کونکي کوډ ډوی
چې ټول کارت عناصر یې په یو متغیر $ کنینر
نوموي.
بل، چنګاښ په $ کنینټر
کې په یو لړ سپارښتنو سره پیل شوي. کالم ویډ
اختیار د افقی گرډ د ستوری چوکۍ ښیی. دلته دا د خپل ټولګي نوم کارولو سره د واحد کارت توکي چوکۍ ته لیږل شوی. د توکي انتخاب
اختیار دا ښیي چې کوم ماشوم عناصر د توکي عناصر په توګه کارول کیږي. دلته، د یو کارت توکي هم ټاکل شوی.
سیمالټ اوس مهال د کوډ ازموینه کوي.
هو! د پټو تختو سره څه شی دی؟
په یوه داسې پاڼه کې چې د بوټسټپپ ټبونو نه کاروي، پورته یې کوډ د ګرم کار په څیر کار کوي. سیمالټ، په دې حالت کې، تاسو ډیر ژر پوهیږو چې یو ډول خوندور سلوک واقع کیږي.
سیمالټ، دا ښه ښکاري ځکه چې د ډیزاینټ فعال فعال ټیل پینل دننه بریالیتوب ښیې ښودل شوی:) 13
سمالټ، که تاسو د یوې پټ شوي نیویګن لینک په کلیک کولو کلیک وکړئ د پټ پټ پینټ منځپانګې وښایئ، دلته دا څه کیږي:
راځئ د لیټ بو بگ باوري کړئ
له هغه وخته چې غیر متوقع ترتیب ترتیب د ټایب شوي نیویګن لین کې د کلیک کولو وروسته ښکاره شي، اجازه راکړئ د پیښو لیدل چې د سیمال ټبونو لخوا وروزل شي.
د پیښو لیست خورا لنډ دی. دغه دی تیار دی.
- ښودل ب. ټب په ټب ټایټ کې اور اچوي، مګر مخکې له دې چې نوې ټیب ښودل شوي وي
- ښودل شوي. ب. ټب د ټیب په ښودلو وروسته د ټب شو پر اور تیریږي
- پټول. ب. تیریږي کله چې یو نوی ټب باید وښیي (او په دې توګه تیر فعال فعاله پټ دی)
- پټ شوی. ب. ټیب له نوي ټیب څخه لیدل کیږي (او په دې توګه تیر فعال فعال پټ پټ دی).
ځکه چې د رخصتۍ ترتیب لرې د تڼۍ له ښودلو وروسته خراب شوی، نو د لپاره وګرځئ. ب. ټب
پیښه. دلته کوډ دی، کوم چی تاسو کولی شی د پخوانۍ سنیټ څخه لاندی ځای ولری:
$ ('a [data-togle = tab]'). هر (فعالیت) ({var $ this = $ (دا)؛$. په ('ښودل شوي bs tab'، فعالیت {{$ کنټرول. انځورونه شوي (فعالیت {$ کنټرول. معمار ({کالم ويډ: '. کارت '،توکي ټاکونکی: '. کارت '})؛})؛})؛})؛
سمبول په پورته کوډ کې څه پیښیږي:
jQuery . هر
فعالیت د هر تړل شوي نیویگیشن لینک باندې پوښلي او د ښودلو لپاره غوږ نیسي. ب. ټب
پیښه. لکه څنګه چې دا اور لګیدلی، پینل لیدل کیږي او معمار د بیا پیل کولو څخه وروسته د ټولو انځورونو د بار کولو پای ته ورسید.
کود ټیسټ
که تاسو سره په تعقیب شوی وی، خپل ډموکرات په براؤزر کې پیل کړئ، یا د پایلو د پایلو لپاره لاندې سیمال ډیموکراتیک هڅه وکړئ:
د پوسټ بوټسټپ ټیوبونه او معمارۍ د SitePoint لخوا (SitePoint) د CodePen په اړه وګورئ.
په یو ځای شوي نیویارک کې اړیکه ونیسئ او یادونه وکړئ چې دا څنګه، دا مهال، د هرډول محتوا پینل کې د شبکو سامانونه برابر دي. سیمارټ سمال د دې لامل ګرځوي چې ځانونه په سمه توګه د ښکلې حرکت حرکت اغیز سره سم کړي.
دا سمبول، دنده ترسره کوله!
پایلې
په دې مقاله کې ما په ډاګه کړې چې د بوټسټپ ټبکس اجزاو د معمار سیمال کتابتون سره څنګه یوځای کول.
دواړه سکرټونه کارول اسانه دي او خورا پیاوړي. په هرصورت، دوی سره یوځای کړئ او تاسو به ځینې ځورونکي لیډونه سره مخامخ کړئ چې پټې پټې پټې اغیزمنې کوي. لکه څنګه چې پورته ښودل شوي، د دې لپاره چې د هر پینل لیدل کیږي وروسته سمال کتابتون بیا پیل کړئ.
د دې حل سره ستاسو په وسیله بکس کې، د غوره ټیلی شویو لیدو ترلاسه کول به واوره وي.
خوشحال بوټسټراپنګ!
که تاسو د خپل بټ لاندې بوټ بوټ بوټ بنسټیز کړئ مګر فکر کوئ چې څنګه د بوټسټپ مهارتونه بلې کچې ته ورسوي، زموږ د ګړندي او تفریح لپاره د بوټسټپپ 4 کورس سره زموږ لومړني ویب پاڼه وګورئ. د بوټسټسټ ځواک.

د لیکوال سره مراجعه وکړئ
ماریا انتونیتا پرنا
ماریا انتونیټا پیرنا په SitePoint او د مخنیوی ویب پاڼی پرمخ وړونکی کې د HTML / CSS چینل شریکونکی دی. هغه د ښایسته سی ایس ایس معیارونو سره په مینځ کې خوند اخلی او د لمړی کوډ کوډ د تدریسی کړنو په اړه خوښ دی. کله چې د ویب لپاره کود کول نه وي یا د ویب لپاره لیکلی نه وي، هغه د فلسفې کتابونه، اوږده لاریونه او ښه خواړه ترلاسه کوي.