در گذشته خواندید که استفاده از بوت استرپ در طراحی سایت بسیار کاربردی است و در سایت‌های جدید که به صورت واکنش گرا طراحی می‌شوند حتما باید از این تکنولوژی استفاده کنید. همانطور که می‌دانید استفاده از موبایل، تبلت و حتی تلویزیون‌های هوشمند جهت وب گردی بسیار متداول شده و دیگر مانند گذشته فقط از طریق کامپیوتر سایت‌ها دیده نمی‌شود.
به همین دلیل اگر میخواهید تمامی کاربران ورودی سایت شما بتوانند نسخه کامل و بی نقص سایت شما را مشاهده کنند و مشکلی در کار کردن و رسیدن به بخش مورد نظرشان نداشته باشند باید طراحی سایت شما این قابلیت را داشته باشد که بتواند خودش را با هر سایز صفحه نمایش کوچک و بزرگ هماهنگ کند. به همین دلیل باید سایت شما واکنش گرا یا ریسپانسیو Responsive باشد.
بوت استرپ به عنوان یک فریم ورک شناخته شده که با استفاده از زبان برنامه نویسی Php استفاده می‌شود و با ترکیب این فریم ورک با CSS میتوان به واکنش گرا بودن رسید.
آخرین نسخه از آن را دانلود کنید و نصب کنید. لازم به ذکر است که فریم ورک بوت استرپ از مجموعه html ،JavaScript و Css استفاده کرده و برنامه نویسان می‌توانند با ترکیب این زبان‌ها و استفاده از قدرت آنها در کنار یکدیگر، طراحی سایت خود را انجام بدهند.
<div class="container">
<div class="jumbotron">
<h1>My First Bootstrap Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>
<div class="row">
<div class="col-sm-4">
<h3>Column 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-4">
<h3>Column 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-4">
<h3>Column 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
</div>
</div>
از کدهای بوت استرپ میتوان در جداول، فرم ها، تصاویر و تمامی بخشهای طراحی سایت استفاده کرد.
بوت استرپ توسط Mark Otto و Jacob Thornton در شرکت توئیتر ایجاد شد و سپس در ماه اگوست 2011 به عنوان یه پروژه متن باز برای استفاده عمومی و رایگان عرضه شد.
استفاده از فریم ورک بوت استرپ مزایای بسیار زیادی دارد که در ادامه تعدادی از آنها معرفی می‌شود.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
</html>
منابع بسیاری برای یادگیری طراحی سایت با فریم ورک بوت استرپ وجود دارد که میتوانید از آن برای یادگیری استفاده کنید و نمیتوان در یک مقاله بصورت کامل استفاده از این فریم ورک را آموزش داد و هدف ما در این مقاله فقط آشنایی ابتدایی با این فریم ورک و امکانات فراوان آن در طراحی سایت مورد نظر بوده است . برای کسب اطلاعات بیشتر و یا مشاوره با همکاران ما تماس بگیرید.
برای طراحی سایت نیاز به کمک دارید؟
سلام خوش آمدید!
برای ارائه خدمات بهتر در زمینه طراحی سایت و سئو مشاوران ما در واتس اپ در خدمت شما هستند.
دیدگاهتان را بنویسید