Bootstrap چیست؟

طراحی وب سایت شیراز

Bootstrap چیست؟

Bootstrap چیست؟

Bootstrap چارچوبی یا همان فرم ورکی برای زبان های HTML، CSS و JS برای طراحی وب سایت است. فریم ورکی که بر مبنای این سه ضلع قدرتمند وب ساخته شده است اما در بین طراح‌های سایت و شرکت‌های طراحی سایت به یکی از فریم ورک‌های محبوب CSS معروف است که به کمک طراحی فرانت و یا ظاهر سمت سایت آمده است، اما در آن از زبان‌های HTML و جاوا اسکریپت نیز استفاده گردیده است.
بوت استرپ چگونه کار می‌کند؟
ما فقط کلاس‌های خاص و از پیش تعریف شده را استفاده می‌کنیم که در فایل‌های Bootstrap برای انجام یک کار خاص تعریف شده است.

یک مثال ساده از بوت استرپ
<button type = “button” class = “btn btn-success btn-lg”> دکمه موفقیت بزرگ </button>

همانطور که می بینید کد HTML یک دکمه معمولی است، فقط در قسمت class ما btn، btn-success و btn-lg داریم که همه آنها در مجموع یک دکمه سبز بزرگ برای ما ایجاد می‌کنند.

در اینجا می توانید کد را از وب‌سایت رسمی بوت استرپ دریافت کنید

http://getbootstrap.com

و اکنون به مهمترین نکته در چارچوب می‌پردازیم:

Bootstrap Grid System
سیستمی که سایت را به صورت سطر و ستون می‌سازد، و این باعث می شود که سایت ریسپانسیو باشد و بتواند روی تمام اندازه صفحه نمایش در دیوایس‌ها مختلف به خوبی کار کند.

به عنوان مثال، تقسیم سایت در تصویر برای صفحه‌های بزرگ است، اما در مورد تبلت یا تلفن همراه، فرمت متفاوت خواهد بود، برای اینکه کاربران سایت بتواند وب سایت را به روشی آسان تر مرور کند، به این شکل خواهد بود.

 

طراحی سایت
دیدگاهتان را بنویسید
X