سلام خیلی ممنون از اموزش خوبتون عالیه و خدا قوت
در این جلسه در مورد Navbar در Bootstrap صحبت میکنیم
برای ارسال نظر ابتدا باید وارد سایت شوید
سلام خیلی ممنون از اموزش خوبتون عالیه و خدا قوت
سلام وقت بخیر.
ممنون از شما که به ما انرژی میدین❤
سلام و ممنونم از دوره خوبتون
یک موردی که برای من پیش اومده اینه که دقیقا کد هایی که شما وارد کردین رو وارد وی اس کد خودم کردم و فایل بوت استرپ راست به چپ هم دانلود کردم و تمامی پله های راست چین کردنه بوت استرپ رو انجام دادم اما توی nav bar (collapse-dropdown) دچار مشکل شدم و اصلا اجرا نمیکنه یعنی خوده تاگل کلپس رو برام میاره اما اتفاقی که بعد از کلیک شدن روی تاگل انجام میشه هیچ رخدادی نداره و دراپ داون هم به همین شکله داستانش اون ایکون کناره لینکه دراپ داونم میاد اما وقتی کلیک میکنم فقط # اضافه میشه به لینکم و هیچ رخداد دیگه ای نداره
ورژن راست به چپ شده بوت استرپی هم که دانلود کردم 4.3 هستش
احتمال میدم که از فایل rtl ای که دانلود کردم باشه چون برام ارور اومده تو inspect
اینم از ارورش
Failed to load resource: net::ERR_FILE_NOT_FOUND
util.js:55 Uncaught TypeError: Cannot read property 'fn' of undefined
at util.js:55
at bootstrap.min.js:6
at bootstrap.min.js:6
index.html:1 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: file:///C:/Users/mazi/Desktop/project/navbar%20collapse/fonts/yekan/Yekan.woff
DevTools failed to load SourceMap: Could not load content for file:///C:/Users/mazi/Desktop/project/navbar%20collapse/js/popper.min.js.map: System error: net::ERR_FILE_NOT_FOUND
یا اگه ممکنه خودتون فایل Rtl شده ای که استفاده کردین رو به صورت افلاین لینک کنید برام که ممنونتون میشم
سلام وقت بخیر.
ممنون از شما❤
شما اگه از اول دوره با ما همراه بوده باشید، میدونید که ما از فایل rtl استفاده نکردیم و توضیح دادم که چگونه بوت استرپ را rtl کردیم.در مورد کار نکردن بخش js بوت استرپ، مثله dropdown، باید چک کنید که کد های جاوااسکریپت به درستی به پروژه و به ترتیب اضافه شده باشه.با سورس کد های که در اختیارتون هست مقایسه کنید.
واقعا ممنونم که این دوره های مفید و به صورت رایگان برامون گذاشتید
سلام وقت بخیر.
ممنون از شما❤.خداروشکر که دوره ها براتون مفید بوده.
سلام وقت بخیر.
لطفاً بفرمایید به عنوان مثال چرا در کلاس تگ div دو بار از کلمه collapse استفاده میشه، منظورم اینه که معنی و وظیفه هر کدوم چیه، مثلاً فرق collapse با navbar-collapse چیه؟!
آخه تکرار بعضی از کلمات در یک کلاس باعث میشه آدم گیج بشه!
سلام وقت بخیر.
هر کلاس یکسری استایل داره و شما برای اینکه فرقش را متوجه بشید میتونید استایل های اون کلاس را ببینید.
دلیل جدا بودن برای این هست که شما بتونید بصورت ماژولار استفاده کنید.مثلا ما کلاس btn و btn-primary را داریم که یک دکمه ای آبی رنگ هست.کلاس btn یکسری استایل برای دکمه هست و btn-primary رنگ دکمه را آبی میکنه،خب ما میتونیم فقط btn-primary را داشته باشیم و دیگه btn نداشته باشیم و btn-primary خودش برامون دکمه آبی ایجاد کنه درسته؟؟اما مشکل اینجاس که من رنگ آبی نمیخوام و رنگی میخوام که بوت استرپ نداره!!!؟؟
به همین دلیل از کلاس btn استفاده میکنم که استایل های مربوط به دکمه هست و بجای btn-primary هم میام و کلاس خودم با رنگ دلخواه ایجاد و بجاش قرار میدم
اول دوره خوبیه خیلی بهتر از سایت های دیگه هستید استاد شیخ
اما یه سوال دارم ببخشید که مطرح میکنم چندبار سرچ کردم حتی در سایت بوت استرپت و گیت هاب هم پیدا نکردم جوابمو..
سوالی که هست درمورد collapse navbar
تو مثال ها کلپس به سمت پایین و بالا بود اگر بخوام مثل همین سایت خودتون این کلپس از کناره ها باشه چیکار کنم؟
ممنون، نظر لطفتون هست❤
خب ببینید bootstrap یسری کلاس برا ما ایجاد کرده که کار ما رو راحتر کنه، حالا خیلی جا ها پیش میاد که ما از کلاس ها و کد های bootstrap استفاده نمیکنیم. پس میتونید از کلاس های خودمون و یا حتی فریمورک های دیگه استفاده کنیم.navbar در bootstrap از بالا به پایین هست و شما اگه بخواهید از سمت چپ یا راست باز بشه باید navbar خودتون را قرار بدین و از navbar بوت استرپ استفاده نکنید.شما میتونید سرچ کنید mobile menu و نمونه های زیادی که هست رو ببینید و هر کدوم رو دوس داشتین اضافه کنید به پروژه به عنوان مثال
https://codepen.io/tag/mobile%20menu
خیلی خوب نبود شما سریع رد میشید و خوب توضیح نمیدید
ممنون از ارسال نظرتون❤
اما تعداد خیلی زیادی از کاربران از این دوره راضی بوده اند
حسین ملهم
با درود
ممنون از زخمات شما
من متوجه کلاس
navbar-toggle-icon
نمیشم. باید یه لیستی از این ایکون‌ها باشه. آیا ایکون‌های دیگه‌ای هست که تو تگ span میشه گذاشت؟
ممینون میشم راهنمائی کنید
علی شیخ
3 سال پیش
سلام وقت بخیر.
برای اینکه ببینید یک کلاس چه استایل های داره کافیه inspect بگیرید و مشاهده کنید،از طرفی هم میتونید این استایل ها را تغییر بدید.