فعال سازی تب بوت استرپ

کد خاصی نداره

یک فایل bootstrap.min.css
دوتا فایل یکی jquery و bootstrap.min.js

یه ایدی به دیو مورد نظر و استفاده از tab class

@سیدعلی موسوی
این سه تا فایل فراخوانی شده مشکل اینه تب بوت استرپ با کلاسی که داده شده کار نمی کنه و از فعال سازی جاوا اسکریپت استفاده کردم کار نکرد...

لینک مثال ساده

https://www.w3schools.com/bootstrap/bootstrap_tabs_pills.asp

طبق همون لینکی دادید عمل کردم ولی کار نکرد چون تب ها رو جا به جا نمی کنه...

نمیدونم دوست عزیز مطمئنی داری از بوتسرپ جدید استفاده میکنی؟؟ّممکنه از قالبی که استفاده میکنی بوتسرپ قدیمی داره و کلاس شما رو نداره و نمیتونه ران کنه یکبار یه صفحه html خام بساز طبق اموزش و تست بکن. امیدوارم حل بشه

@سیدعلی موسوی
درود...کلاسی که خود بوت استرپ داره یکی هستش و نسخه بوت استرپ ۳ است...

کسی نیست راهنمایی کنه..نسخه بوت استرپ ۴ امتحان کردم کار نکرد....

اول مطمئن شوید که فایلهای css مربوط به بوت استرپ در تگ head و جی کوئری و سپس bootstrap.js یا bootstrap.min.js در انتهای سند و قبل از بستن شدن تگ body قرار گرفته بعد نیازی به کد فعالسازی نداره.کلاس های بوت استرپ خیلی کار رو ساده کرده.نمونه کد زیر رو استفاده کنید.
<ul class="nav nav-tabs"> <li class="active"><a href="#tab1" data-toggle="tab">تب 1</a></li> <li><a href="#tab2" data-toggle="tab">تب 2</a></li> <li><a href="#tab3" data-toggle="tab">تب 3</a></li> <li><a href="#tab4" data-toggle="tab">تب 4</a></li> </ul> <div class="row tab-content"> <div class="col-md-12 tab-pane fade in active" id="tab1"> <p> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با است فاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطر آنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزار های کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراح ان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نی از شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد. </p> </div> <div class="col-md-12 tab-pane fade in" id="tab2"> <ul class="nav"> <li><a href="#">طراحی وب</a></li> <li><a href="#">جاوا اسکریپت</a></li> <li><a href="#">جی کوئری</a></li> <li><a href="#">PHP</a></li> </ul> </div> <div class="col-md-12 tab-pane fade in" id="tab3"> <p> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با است فاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطر آنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزار های کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را </p> </div> <div class="col-md-12 tab-pane fade in" id="tab4">4</div> </div>

@ZR
دوست عزیز کد رو در قسمت ``` قرار بده که به صورت کد نمایش دهد اینی که فرستادی بهم ریخته هستش که