بوت استرپ چیست ؟

بوت استرپ چیست ؟

بوت استرپ مجموعه ای از ابزارهای رایگان برای ساخت قالب وب سایت است. بوت استرپ در طراحی از html, css, js استفاده میکند. شاید یکی از نقاط ضعف بوت استرپ عدم پشتیبانی کامل از html5, css3 باشد 
از مزایای چشم گیر آن می توان به موارد زیر اشاره کرد
بوت استرپ در تمامی مرورگرها پشتیبانی میشود
 کار با آن بسیار راحت است علاوه بر آن از نسخه ۲ به بعد از...


آموزش گام به گام بوت استرپ-فصل اول

آموزش گام به گام بوت استرپ-فصل اول

برای شروع کار با بوت استرپ به یک صفحه اچ تی ام ال نیار داریم تا کد ها و مقادیر مربوط به فریم ورک بوت استرپ را در آن معرفی کنیمدرست کردن برنامه اچ تی ام ال در پوشه بوت استرپ :
نحوه ساختن یک صفحه اچ تی ام ال به این صورت می باشد که ابتدا نرم افزار دریم ویوور را باز کرده و در منو فایل گزینه New را انتخاب کرده ، سپس در صفحه باز شده اچ تی ام ال...


آموزش گام به گام بوت استرپ-فصل دوم

آموزش گام به گام بوت استرپ-فصل دوم

در طراحی سایت آنچه که می خواهیم در صفحه ی وب داشته باشیم مانند اسلایدشو ، عکس، منو ، متن و ... 
باید در div class  تعریف شده باشد ،
اما در بوت استرپ از کلاس های پیش تعریف شده ای به نام اسپن برای این موارد استفاده می شود که به توضیح بیشتر می پردازم.
در ابتدا باید بدانیم که بوت استرپ به ۱۲ بخش یا گرید کاملاً وابسته است. 
برای مثال  می...


آموزش گام به گام بوت استرپ-فصل چهارم

آموزش گام به گام بوت استرپ-فصل چهارم

در این فصل می خواهیم درباره ی نحوه ی استفاده از افزونه های بوت استرپ هم چون bootsnipp صحبت کنیم.
ابتدا به سایت www.bootsnipp.com  رفته
در بالای صفحه  روی  تب snippets رفته ونسخه ی ۲٫۳٫۲ را انتخاب کرده 

در این قسمت هر آنچه که ما می خواهیم در طراحی خود استفاده کنیم وجود دارد
 مثلا اگر بخواهیم از گالری استفاده کنیم که به نام Thumbnail Carousel می باشد


افزونه های بوت استرپ

افزونه های بوت استرپ

در این بخش قصد داریم افزونه های بوت استرپ را به شما معرفی نماییم

بوت استرپ تمامی امکانات لازم جهت طراحی یک سایت کاملا ریسپانسیو را داراست اگر فکر می کنید بعضی از امکانات موجود نیست می توانید به یکی از سایت هایی که در زیر به شما معرفی می کنیم مراجعه فرمایید

www.bootswatch.com

www.bootsnipp.com


آموزش گام به گام بوت استرپ-فصل سوم

آموزش گام به گام بوت استرپ-فصل سوم

طراحی منو و متن:

برای اینکه تمام بخش هایی که می خواهیم ایجاد کنیم در یک دسته کلی قرار گیرند،از یک دیو استفاده می کنیم که در مرکزیت صفحه قرار گیرد و پدینگ مناسب در اطراف داشته باشد. 
به همین منظور، بوت استرپ کلاسی با نام container دارد
 که می توانیم از آن به عنوان دیو مادر استفاده کنیم. که کد آن در بالا نوشته شده است
 حال درون این دیو...