آریا بوت استرپ | آموزش

کتابخانه بوت استرپ دوگانه چپ چین و راست چین
ارائه شده توسط شرکت توسعه فن آوری آریا وندیداد

آریا بوت استرپ، بر پایه بوت استرپ نسخه 4.4.1

آریا بوت استرپ بوت استرپ راست چین بوت استرپ
arya bootstrap bootstrap-rtl bootstrap
bootstrap 4.4.1 2020-02-02
راه اندازی محیط بوت استرپ

راه اندازی محیط بوت استرپ

راه اندازی محیط کار و شروع به استفاده از بوت استرپ بسیار آسان است. تیم توسعه فن آوری آریا وندیداد در این آموزش نحوه دانلود و راه‌اندازی Bootstrap را شرح می‌دهد. ما هم‌چنین درباره ساختار فایل بوت استرپ بحث خواهیم نمود و کاربرد آن را با استفاده از مثال به شما نشان خواهیم داد.
آموزش راه اندازی بوت استرپ 1399/06/26 158 2 پیوند مستقیم

راه اندازی محیط بوت استرپ
2

دانلود بوت استرپ

آخرین نسخه Bootstrap را می‌توانید از آدرس GetBootstrap.com دانلود کنید. با انتخاب کردن لینک، به صفحه اصلی سایت هدایت خواهید شد.

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

  • Download Bootstrap: با انتخاب کردن بر روی این گزینه، می‌توانید نسخه‌های کامپایل شده از Bootstrap CSS ، JavaScript ، و فونت‌ها را دانلود کنید. در این بخش، مستندات یا فایل‌های مربوط به کد منبع اصلی گنجانده نشده است.
  • Download Source : با انتخاب بر روی این گزینه، می‌توانید آخرین کد منبع Bootstrap LESS و JavaScript  را به طور مستقیم از GitHub دریافت نمایید.

اگر با کد منبع کامپایل نشده Bootstrap کار کنید، باید فایل‌های LESS را برای تولید فایل‌های CSS قابل استفاده، کامپایل نماییم. برای کامپایل کردن فایلهای LESS بهCSS ، بوت استرپ به طور رسمی از Recess استفاده می‌کند، که CSS hinter مبتنی بر less.js است.

برای درک بهتر و سهولت استفاده، از نسخه پیش کامپایل شده بوت استرپ در طول آموزش استفاده خواهیم نمود. از آنجایی که فایل‌ها از پیش کامپایل شده می باشند‌، لازم نیست که هر بار برای اجرای فایل‌های جداگانه‌، جهت عملکرد انفرادی آنها دچار زحمت شویم. در زمان نوشتن این آموزش آخرین نسخه (Bootstrap 4.5.2) دانلود شده است.

 

بوت استرپ از پیش کامپایل شده

هنگامی که نسخه کامپایل شده بوت استرپ دانلود می شود، فایل ZIP را استخراج کرده و ساختار فایل/دایرکتوری زیر را مشاهده خواهید نمود :

همانطور که مشاهده می‌شود، فایل‌های CSS وJS  بوت استرپ کامپایل شده و همچنین CSS وJS  Bootstrap.min  کامپایل شده، وجود دارند.

کد منبع Bootstrap

اگر کد منبع Bootstrap را دانلود کنید، ساختار فایل به صورت زیر است :

  • فایلهای بخش /less و /js  کد منبع برایBootstrap CSS  و  JSبه ترتیب هستند.
  • پوشه /dist شامل همه موارد لیست شده در بخش دانلود فایل پیش کامپایل شده در قسمت بالا است.
  • /docs-assets  ،  /examples و همه فایل‌هایhtml.* ، مستندات بوت استرپ هستند.

چگونه بوت استرپ (Bootstrap) را نصب و استفاده کنیم؟

صرف نظر از روشی که برای دانلود استفاده کردید، باید به نحوی فایلهای بوت استرپ را به صفحه HTML خود وارد کنید!

برای اینکار لازم است که فایل‌های CSS را در تگ

 قرار دهید و فایل‌های JavaScript  را در صورتی که از ابزارهای جانبی بوت‌استرپ استفاده می‌کنید در انتها صفحه پیش از بسته شدن تگ  وارد نمایید.

قالب شروع به کار بوت استرپ:

<!doctype html>
<html>
<head>
    <meta charsest="utf-8">
    <meta name="viewport" content="width=device-with, initial-scale=1, shrink-to-fit=no">
 <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="Bootstrap.css">
    <title>Helllllo</title>
</head>
<body>
    <h1>Helllo</h1>
    <!-- jQuery -->
    <script src="jquery.js"></script>
    <!-- Bootstrap JavaScript -->
    <script src="Bootstrap.js"></script>
</body>
</html>

 

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

ثبت کننده:حسین خزائی تاریخ ثبت:1399/06/26
ویرایش کننده:حسین خزائی تاریخ ویرایش:1399/06/26

موضوع: آموزش راه اندازی بوت استرپ
تعداد بازدید:158


تا کنون دیدگاهی نوشته نشده، اولین نفر باشید که دیدگاهش را بیان می کند.

دیدگاه شما

کاربر گرامی خواهشمند است به موارد زیر دقت فرمایید:
• لطفا فارسی تایپ کنید و با حروف لاتین (فینگلیش) ننویسید.
• دیدگاه های ارائه شده پس از بازبینی منتشر می‌شود.
• آدرس ایمیل در سایت نمایش داده نمی شود.