آموزش دانلود و نصب و استفاده از بوت استرپ
آموزش دانلود و نصب و استفاده از بوت استرپ راست چین همراه با سورس کد و مثال. فایل ها را دانلود کرده و طبق مثال استفاده نمایید. فایل های راست چین تست شده میباشد و می توانید براحتی در پروژه های خود استفاده نمایید.
بوت استرپ چیست
بوت استرپ چیست؟ بوت استرپ (bootstrap) یک فریمورک است.
بوت استرپ از html , css , javascript تشکیل شده و برای طراحی قالب ریسپانسیو یا واکنشگرا استفاده می شود.
سایت ریسپانسیو یعنی سایتی که روی تمام دستگاه ها کامپیوتر ، تبلت ، موبایل و غیره بخوبی نمایش داده شود و نیاز به اسکرول افقی نباشد مانند تاپ سایت 98
ویژگی های بوت استرپ 4
از ویژگی های بوت استرپ 4 این است که با کلاس های مختلف ، طراحی قالب سایت را برای شما بسیار راحت تر کرده است.
با بوت استرپ می توانید سایت های ریسپانسیو یا واکنشگرا طراحی کنید.
سایت هایی که با بوت استرپ طراحی می شوند روی تمام مرورگرها بخوبی دیده می شوند.
قالب های طراحی شده استاندارد هستند.
امکانات زیادی را برای شما آماده کرده است که براحتی می توانید از آنها بدون دانش کدنویسی استفاده کنید.
در بوت استرپ می توانید از منوهای ریسپانسیو ، جداول زیبا ، مدل ها و فرم های زیادی استفاده کنید بدون اینکه به html, css و جاوا اسکریپت تسلط داشته باشید.
آموزش دانلود بوت استرپ
در این بخش از آموزش بوت استرپ به زبان فارسی از تاپ سایت 98 به سراغ آموزش دانلود بوت استرپ می رویم.
بوت استرپ را می توانید به دو صورت راست چین و چپ چین دانلود و استفاده نمایید که ما قصد داریم هر دو روش را توضیح دهیم.
دانلود بوت استرپ چپ چین
برای دانلود بوت استرپ چپ چین می توانید از سایت اصلی بوت استرپ به آدرس getbootstrap.com مراجعه و فایل های بوت استرپ را دانلود نمایید.
همچنین می توانید از روش cdn نیز استفاده کنید که در سایت بوت استرپ توضیح داده شده است.
دانلود بوت استرپ راست چین
برای دانلود بوت استرپ راست چین می توانید روی لینک زیر کلیک کنید.
دانلود بوت استرپ 4 راست چین فارسی
در این پوشه دو پوشه css و js وجود دارد و یک فایل html قرار داده ایم و نحوه استفاده از بوت استرپ 4 را نیز در آن خواهید دید.
آموزش استفاده از بوت استرپ
حال آموزش استفاده از بوت استرپ 4 راست چین و فارسی را خواهید آموخت.
برای استفاده از بوت استرپ باید از فایل css و فایل js و همچنین فایل جی کوئری استفاده کنید.
اگر روی لینک بالا کلیک کنید در آن یک فایل html را خواهید دید که نحوه استفاده از بوت استرپ 4 راست چین را در آن می بینید.
برای استفاده از بوت استرپ 4 میبایست ابتدا در قسمت head یک link قرار دهید و فایل css را در آن قرار دهید.
سپس یک script که فایل جی کوئری و فایل bootstrap js را در آن قرار دهید.
با این کار فایل متصل شده و می توانید از آن استفاده نمایید.
مثال استفاده از بوت استرپ 4
برای فهم بهتر دو مثال استفاده از بوت استرپ 4 خواهیم زد.
در مثال زیر یک جدول را با استفاده از بوت استرپ ایجاد کرده ایم.
این جدول ریسپانسیو است یعنی با تغییر اندازه مرورگر ، تغییر می کند و کاربر کافی است صفحه را به طرف بالا و پایین حرکت دهد و اسکرول افقی حذف می شود.
<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">
</head>
<body>
<div class="container">
<h1>TopSite98.com</h1>
<p>تاپ سایت 98</p>
<table class="table table-dark table-striped">
<thead>
<tr>
<th>Fname</th>
<th>Lname</th>
<th>tel</th>
</tr>
</thead>
<tbody>
<tr>
<td>ali</td>
<td>ahmadi</td>
<td>12345</td>
</tr>
<tr>
<td>reza</td>
<td>rezaee</td>
<td>33333</td>
</tr>
</tbody>
</table>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
امیدواریم این آموزش برای شما مفید باشد.
موفق باشید.
منبع: تاپ سایت 98
تگ:
نظرات کاربران
از دیدگاه مرتبط با موضوع استفاده نمایید.
از تبلیغ سایت یا شبکه اجتماعی خودداری فرمایید.
برای پاسخ گویی بهتر در سایت ثبت نام نمایید و سپس سوال خود را مطرح فرمایید.
اگر به دنبال کار پاره وقت هستید با ما تماس بگیرید.
اگر سوال یا نظری دارید در بخش کامنت ها بنویسید.اگر موضوع خاصی مد نظر شماست که در سایت موجود نیست در بخش کامنت ها بنویسید