آموزش نصب Bootstrap در نرم افزار ویژوال استودیو و سایت های ASP.Net

آموزش نصب Bootstrap در نرم افزار ویژوال استودیو و سایت های ASP.Net

نحوه دسترسی به ابزار Package Manager Console در نرم افزار ویژوال استودیو

برای دسترسی به ابزار Package Manager Console ، از منوی Tools نرم افزار ویژوال استودیو ، همانطور که در تصویر زیر نشان داده شده است ، گزینه NuGet Package Manager را باز نموده و آیتم Package Manager Console را انتخاب نمایید .

سپس پنجره این ابزار در محیط برنامه Visual Studio به صورت زیر باز می شود :

نکته مهم :

برای استفاده از ابزار Package Manager Console و نصب پکیج های مورد نظرتان ، بایستی حتما به اینترنت متصل باشید .

نحوه نصب پکیج bootstrap توسط ابزار Package Manager Console

برای نصب هر پکیج توسط ابزار Package Manager Console در ویژوال استودیو ، بایستی عبارت install-package و سپس نام پکیج مورد نظر را در خط فرمان تایپ نموده و دکمه Enter را بزنید .
برای نصب پکیج bootstrap نیز ، عبارت install-package bootstrap را همانند تصویر زیر ، در خط فرمان ابزار نوشته و دکمه Enter را بزنید .

سپس برنامه به صورت خودکار به منبع پکیج bootstrap متصل شده و فایل ها و سایر محتویات مربوط به آن را دانلود و به پروژه یا وب سایت شما اضافه می کند .
پس از نصب bootstrap ، پوشه های زیر ، همانطور که در تصویر نمایش داده شده است ، به وب سایت شما اضافه می شود :

• پوشه content : این پوشه شامل فایل های CSS که محتوی کلاس های آماده bootstrap می باشد ، است .
• پوشه fonts : این پوشه شامل font های مرتبط با bootstrap می باشد .
• پوشه scripts : این پوشه نیز شامل فایل های اسکریپت bootstrap و jQuery است که امکان استفاده از ویجت ها و ابزار های bootstrap را فراهم می کنند .

نحوه استفاده از کلاس های آماده bootstrap در صفحات طراحی شده ASP.Net

راهنمایی :

بنا بر نیاز و ضرورت استفاده می توانید لینک اتصال به هر یک از فایل های CSS و یا اسکریپت های فوق را اضافه و کم نمایید .