cssblog.ir logo

فریم‌ورک بوت استرپ نسخه ۴ خود را به تازگی عرضه نموده است که تغییرات زیادی را به نسبت نسخه‌های پیشین داشته است که از مهم‌ترین تغییرات آن می‌توان به استفاده از flexbox بجای float در سیستم ستون‌بندی (Grid) اشاره نمود. در این دوره به معرفی قسمت‌های مهم این فریم‌ورک می‌پردازیم. 

فهرست مطالب دوره

۱

معرفی فریم‌ورک بوت استرپ

معرفی بوت‌استرپ، توضیح فریم‌ورک و کتابخانه، دانلود و راه‌اندازی، اولین تلاش برای استفاده از بوت‌استرپ

۲

سیستم Grid (ستون بندی) بوت استرپ

معرفی سیستم Grid (ستون بندی)، کلاس‌های مختلف ستون‌ها، تقسیمات سایز صفحه در بوت‌استرپ

۳

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

دکمه‌های بوت استرپ، انواع دکمه، گروهی از دکمه‌ها و ...

۴

اجزای فریم‌ورک بوت استرپ - فرم ها

کلاس های مختلف قابل استفاده در فرم‌ها، استفاده از سیستم Grid در داخل فرم، فرم های افقی، چک‌باکس ها و دکمه‌های رادیویی custom

۵

اجزای فریم‌ورک بوت استرپ - گروه فیلد‌ ورودی (input group)

گروهی از فیلد‌های ورودی، قراردادن آیکون،متن و دکمه در کنار فیلدهای ورودی

۶

اجزای فریم‌ورک بوت استرپ - منوهای dropdown

معرفی dropdown، نحوه استفاده از منوهای dropdown

۷

اجزای فریم‌ورک بوت استرپ - alert ها

نمایش پیام های هشدارها (alert) و افزودن قابلیت بسته شدن به alert ها

۸

اجزای فریم‌ورک بوت استرپ - نوارهای پیشرفت (progress bars)

نحوه استفاده نوارهای پیشرفت و کلاس های modifier آنها

۹

اجزای فریم‌ورک بوت استرپ - کارت ها (Cards)

معرفی کارت ها، انواع مختلف کارت، رنگ بندی های مختلف، استفاده در Grid، ساختارهای Card Decks و Card Layout

میزان پیشرفت شما

شما تاکنون هیچ قسمتی از این دوره را به اتمام نرسانده‌اید

شما <% completed.length %> قسمت از <% totalLessons %> قسمت این دوره را به اتمام رسانده‌اید

تبریک! شما تمام قسمت های این دوره را به اتمام رسانده‌اید.

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

تاکنون دیدگاهی ثبت نشده است. شما می توانید اولین شخصی باشید که دیدگاه خود را ارسال می کند

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

برای ارسال دیدگاه یا پرسش جدید از طریق فرم زیر اقدام کنید.

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند

دوره‌های پیشنهادی

ممکن است به دوره‌های زیر نیز علاقه‌مند باشید