آموزش بوت استرپ
راهنمای جامع و آموزش گام به گام طراحی قالب وبسایت با bootstrap

تنظیم ابزار 

بوت استرپ از اسکریپت NPM برای ساخت سیستم خود استفاده می کند. package.json ما شامل روش های مناسب برای کار با چارچوب، از جمله کد کامپایل، تست ها و موارد دیگر است. برای استفاده از سیستم ساخت بوت استرپ و اجرای اسناد ما به صورت محلی، شما باید یک کپی از فایل های منبع بوت استرپ و نود را داشته باشید. این مراحل را دنبال کنید و باید آماده باشید:

1-دانلود و فعال کردن Node.js، که برای مدیریت وابستگی ها استفاده می کنیم.

2-به پوشه root / bootstrap بروید و npm install را نصب کنید تا وابستگی های محلی خود را که در package.json قرار دارد، نصب کنید.

3-نصب Ruby، نصب bundler با gem install bundel و در نهایت اجرای bundel نصب شده. این همه وابستگی های Ruby مانند jekyll و پلاگین ها است.

کاربران ویندوز: این راهنما را بخوانید تا Jekyll را بدون مشکل اجرا کنید.

پس از تکمیل، شما قادر خواهید بود دستورات مختلفی را که از خط فرمان ارائه شده است اجرا کنید.

 

استفاده از اسکریپت های NPM

pack.json ما شامل دستورات و وظایف زیر است:

 

Task Description
npm run dist npm run dist creates the /dist directory with compiled files. Uses SassAutoprefixer, and UglifyJS.
npm test Same as npm run dist plus it runs tests locally
npm run docs Builds and lints CSS and JavaScript for docs. You can then run the documentation locally via npm run docs-serve.

 

اجرا کردن npm برای دیدن تمام اسکریپت های npm.

 

Autoprefixer

بوت استرپ از Autoprefixer برای اضافه کردن پیشوند های فروشنده به برخی از خواص CSS در زمان ساخت استفاده می کند. انجام این کار موجب صرفه جویی در زمان و کد ما با اجازه دادن به ما برای نوشتن به ما برای نوشتن بخش های کلیدی css ما یک بار در حالی که حذف نیاز به Mixins فروشنده، مانند کسانی که در v3 یافت می شود.

ما فهرست مرورگرهای پشتیبانی شده از طریق Autoprefixer را در یک فایل جداگانه در مخزن GitHub ما نگهداری می کنیم. برای جزیات بیشتر /package.json دیدن کنید.

 

مستندات محلی 

مستندات ما به صورت محلی نیاز به استفاده از Jekyll، یک ژنراتور سایت استثنایی قابل انعطاف پذیر است که ما را فراهم می کند: پایه شامل فایل های مبتنی بر Markdown، قالب ها و موارد دیگر. در اینجا نحوه دریافت آن شروع می شود:

1-از طریق تنظیم ابزار بالا برای نصب Jekyll و سایر وابستگیهای Ruby با نصب بسته نرم افزاری

2-از دایرکتوری ریشه / بوت استرپ، دستور زیر را اجرا کنید: nps run docs 

3-http: // localhost: 9001 را در مرورگر خود باز کنید.

 

عیب یابی

اگر مشکلی با نصب وابستگی ها دارید، تمام نسخه های وابسته قبلی را حذف کنید. سپس، مجددا npm نصب کنید.