بوت استرپ ، بدون شک یکی از محبوب ترین فریم ورک های حال حاضر دنیای وب برای ریسپانسیو کردن وب سایت ها می باشد و مهندس مهدی موسوی ، امروز در آموزش تصویری نصب بوت استرپ ، به شما آموزش می دهد که چگونه بوت استرپ را نصب و بر روی پروژه خود راه اندازی کنید.

شما امروز فرا می گیرید که چگونه بوت استرپ را به صورت CDN  را به صورت اتصال مستفیم و انتقال فایل ها به پروژه ی خود متصل کنید و از آن استفاده کنید.

به شما توصیه می کنیم آموزش تصویری بوت استرپ را به صورت کامل برای یادگیری بوت استرپ دنبال کنید و همچنین از شما درخواست می کنیم که قبل از شروع یادگیری بوت استرپ ، حتما در کلاس آموزش HTML- CSS با html  شرکت کنید و پس از حرفه ای شدن در html/css  اقدام به یادگیری بوت استرپ نمایید.

همچنین اگر احساس می کنید که لازم است بوت استرپ را به صورت حرفه ای تر و متمرکز تر فرا بگیرید ، حتما در کلاس آموزش بوت استرپ در آموزشگاه کامپیوتر پرتو شرکت نمایید.

مدرس این دوره ها ، مهندس مهدی موسوی می باشد و طول مدت ویدیو حدود 8 دقیقه می باشد.

با ما همراه باشید و آموزش تصویری نصب بوت استرپ را ببینید و به سادگی فرا بگیرید.

ما در کنار شما هستیم و برای موفقیت در این مهم ، همراه شماییم.

سئوالات خود را می توانید در قسمت نظرات مطرح کنید

مهندس موسوی ، حتما به این سئوالات پاسخ خواهد داد.

با ما همراه باشید

آموزش تصویری نصب بوت استرپ
سلام دوستان وقتتون بخیر باشه موسوی هستم از آموزشگاه کامپیوتر پرتو.امروز میخوام سریع بهتون آموزش بدم که ماچطوری بوت استرپ رونصب میکنیم نرم افزار سی پلاس پلاسم روبازمیکنم یه فایل کاملا خام دارم دقت کنیدکه این فایل خام هست وهیچی داخلش نیست
میام ومرورگرم روبازمیکنم وواردسایت get Bootstrap.com میشیم وقتی وارد سایت شدم ورژن های بوت استرپ مختلفه 4 و3
مثلا الآن لیست شده وازش میتونیم استفاده کنیم مثلا ازاینجا میام ورژن 3 و4 و1 روانتخاب میکنیم خیلی موضوع اهمیتی نداره خب فضای این داستان عوض میشه وبعد میام وقتی که این کارروکردم میام گزینه های دانلود بوت استرپ رو میزنم وبوت استرپ رو دانلودمیکنم اینجا چندتا المان به ما میده Source code به مامیده less وsass داخلشه میتونیم به صورت CDN بوت استرپ رو استفاده کنیم CDN یعنی اینکه خودبوت استرپ روبیایم عینا بصورت آنلاین اضافه بکنید به صفحه تون مثلا من میام اینوکپی میکنم
اگه میخواید cdn اضافه کنیدبعد میام اینجا htmlخودموباز میکنم بعدمیام اینجا فایل head روبازمیکنم من language صفحم رو Html اضافه کنم اینجا head رومیبندم اینجا body روبازمیکنم اینجا میام body رومیبندم واینجا میام html رومیبندم بعدکه این
کارروانجام دادم title هم اینجا میتونم بهش بدم اموزش نصب بوت استرپ بعداینجامیام title رومیبندم اینجا فایلم روکه از اینجابرداشتم میام past میکنم این زیرواینجا ذخیره میکنم حالا هرجایی که خواستم رو دکستاپ اسمش رومیذارم index بعد میام اینو
رنش میکنم توی فایرفاکس واین میاد.حالا برای اینکه مطمئن بشیم بوت استرپ روی این حالانصب هست یا نه میام یه دونه تگ h1 رومینویسم ومینویسم که مثلا آموزش نصب بوت استرپ واینجا تگh1 رومیام میبندم اینو که میزنم h1 میاد اینجا قرار میگیره الآن
ببینید من تواین دکستاپم فایلی نیست فایلمواومدم ذخیره کردم اونجایی که میخوام بعد اینوباز میکنم برای اینکه مطمئن بشم این اتفاق افتاده یه کلاس دارم اینجا میام کلاس روبرابرمقداریه کلاس بهش میدم به نام bg-danger اگرالان زیراین قرمزبشه بوت استرپ من نصب شده به این سادگی الآن بوت استرپ رانصب کردم هیچ چیز پیچیده ای هم نبودوشما هم دیدید که چه راحت تونستم این رو انجام بدم ورنگ اینم عوض شد وهیچ مشکلی هم پیش نیومد.
این میشه نصب اصطلاحا CDN بوت استرپ ولی خب بوت استرپ رودانلودبکنیددانلودش میکنید ووارد پوشه دانلودتون میشید میام
یه دونه روی دکستاپم فولدرمیسازم به نام Boot بعدمیام فابل indax روکه ساختم روجابجا میکنم ومیندازم داخل بوت بعد میام توپوشه
دانلوداون فایل زیپی روکه الآن دانلودکردم رومیام اینجا کپی میکنم کات میکنم داخل دکستاپ داخل پوشه بوت بچه ها نگاه کنیدببینیداینجا چه اتفاقی میفته اصلا چیز پیچیده ای نیست من اینومیام Extract میکنم وقتی اکسترکتش کردم بعدواردش میشم مجدد واردش میشم میبینم اینجا یه فایل css دارم یه font یه js راههای مختلفی داریدامااصلالازم نیست کاری انجام بدید شما اینجا میاید
اگه میخواید راحت تر باشیدایناهمه روکات میکنید ومنتقل میکنید به پوشه ای که اینجا الان داریدبعداینها همه روحذف میکنیدوقتی که اومدیدایناروحدف کردیدوایناحذف شد اتفاقی اینجا الان میفته اینه که الان اینجامن تو پوشه index هستم فایل هارواضافه کردم حالا
الآن اینا آفلاینه دیگه اگه اینودوباره ادیت کنم میبینم که فایلای آفلاینی روکه ایجاد کردم داخلش هست من همه ایناروپاک میکنم میام
داخل سایت بوت استرپی که اینجاداری یه گزینه Getting started اینجاهست وارداون میشم یه ذره میایم پایین ترتوی یه باکسی که Basic tempiate هست روبراتون گذاشته خیلی راحت یه کپی اینجامیذاریدمیزنید اینجا past میکنید به همین راحتی هیچ کاری نمیخوایدانجام بدیدحالا title روعوض میکنیم مثلانصب بوت استرپ اینجاهم مثلامینویسیدمهندس موسوی بعداینجایه dir میذارید بعد اینجا میایم یه rtl قرار میدیم اینوذخیره میکنیداینو run میکنیم توی فایرفاکستون میاد اینجا درسته این فایلی که اینجا داشتم فایل قدیم هستش میام اینو اینجا میبندم خیلی خب حالا برای اینکه مطمئن بشم بوت استرپ نصب شده میام یه کلاس بهش میدم عین قبل Bg-danger روبهش میدم میبینید که رنگش قرمزشد به همین راحتی باهمین راه فهمیدم که این نصب شده به همین سادگی یادگرفتیم
بوت استرپ رونصب کنیم کامنت هاروحذف کنیم که توآموزشهای جلوتر یادمیدیم بهتون
امیدوارم که ازاین آموزش کوتاه لذت برده باشید من درآکادمی پرتوسعی میکنم آموزش کوتاه براتون بذاریم وپر استفاده اگرسوالی
داشتید مادرخدمتتون هستیم .
امیدوارم که شادوپیروز وموفق باشید