نصب بوت استرپ

هدایت عباسی آموزش بوت استرپ

در این بخش از آموزش بوت استرپ از تاپ سایت 98 به سراغ نصب بوت استرپ 3 و 4 می رویم.

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

برای دانلود آموزش کامل بوت استرپ کلیک کنید : آموزش کامل بوت استرپ

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

برای دانلود بوت استرپ چپ چین و اصلی بایستی به سایت بوت استرپ به آدرس getbootstrap.com مراحعه نمایید.

در صفحه اول روی کلمه download کلیک نمایید.

نصب بوت استرپ

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

روش اول : دانلود فایل ها

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

در بخش Source files می توانید فایل های بوت استرپ را می توانید دانلود نمایید. بر روی دکمه download کلیک نمایید. کادری مشابه زیر ظاهر می شود ، بر روی save کلیک نمایید و سپس فایل را در جای مناسب ذخیره نمایید.

پوشه پیش فرض برای ذخیره ، پوشه Download ویندوز می باشد.

نصب بوت استرپ

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

در پوشه ها ، پوشه ای بنام dist می باشد که فایل های مورد نیاز در آن می باشد.

در همان پوشه dist یک فایل بنام index.html بسازید و کد زیر را در آن قرار دهید.

برای نصب بوت استرپ می بایست فایل بوت استرپ را در بخش css لود کنید و فایل های جی کوئری و بوت استرپ را در بخش پایین با script فراخوانی کنید.

برای نصب بوت استرپ و استفاده از آن می بایست مانند مثال زیر فایل های css و js را در صفحه لود کرده تا بتوانید از آن استفاده نمایید.

بوت استرپ آماده است می توانید آن را تست نمایید.

در مثال زیر یک div با پس زمینه سبز نمایش داده می شود.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="container bg-success">
<h1>topsite98.com</h1>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

روش دوم : استفاده از CDN

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

در روش CDN بجای دانلود فایل ها ، میتوانید آنها را از سایت بوت استرپ یا سایت های دیگر فراخوانی نمایید.

در بخش download و در بخش BootstrapCDN می توانید آدرس فایل ها را مشاهده نمایید.

نصب بوت استرپ

برای نصب بوت استرپ نیاز به فایل های css و js دارید.

مانند زیر تگ link را در بخش head قرار می دهیم و در href آدرس فایل css قرار می گیرد.

سپس در بخش script فایل های جی کوئری و بوت استرپ js قرار می گیرد. فقط بجای آدرس فایل ها ، آدرس سایت دیگری قرار می گیرد.

نصب بوت استرپ راست چین

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

کلیک کنید : دانلود فایل های بوت استرپ راست چین

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

حتما direction را روی rtl قرار دهید.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<style>
body{
direction:rtl;
}
</style>
</head>
<body>

<div class="container bg-dark text-white">
<h1>TopSite98.com</h1>
<p>تاپ سایت 98</p>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

امیدواریم این آموزش برای شما مناسب باشد.

این سایت بفروش می رسد با سئو عالی و بازدید بالا. تماس بگیرید

اگر سوال یا نظری دارید در بخش کامنت ها بنویسید.اگر موضوع خاصی مد نظر شماست که در سایت موجود نیست در بخش کامنت ها بنویسید