آموزش تخصصی کار با کامپوننت Card در بوت استرپ 4
جلسات دوره
مهدی عباسی
مهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و .... مشاهده رزومه
آموزش کامپوننت Card در بوت استرپ 4:
در این بخش از آموزش، با کامپوننت Card و کلاس‌های آن آشنا می‌شوید. Cardها در واقع جعبه‌هایی انعطاف پذیری هستند که می‌توانند هر نوع محتوایی مانند متن، عکس، دکمه و... را در خود نگهداری کنند.
کلاس‌های Card:
- card-img-top: برای مشخص کردن عکس card استفاده می‌شود.
- card-body: بدنه card را مشخص می‌کند. شامل: عنوان، متن و دکمه می‌باشد.
- card-title: عنوان card را مشخص می‌کند.
- card-subtitle: زیر عنوان را مشخص می‌کند.
- card-text: محتوای متنی card را مش خص می‌کند.
- card-header: برای تعیین هدر card استفاده می‌شود.
- card-footer: برای تعیین فوتر card استفاده می‌شود.
- card-img-overlay: با استفاده از این کلاس می‌توانیم یک عکس را پس زمینه card قرار دهیم.
- bg-*: برای تعیین رنگ پس زمینه card استفاده می‌شود.
- card-group: برای گروه بندی Card ها استفاده می‌شود.
- card-deck: مانند card-group می‌باشد، با این تفاوت که بین card ها فاصله ایجاد می‌کند.
- card-columns: این ویژگی کارت ها را به صورت عمودی نمایش می‌دهد.
برای یادگیری این مبحث مثال‌ها و نکته‌های متعددی را در فایل ویدئویی آورده‌ایم که با تهیه این درس و مشاهده ویدئوها به طور کامل به این مبحث مسلط خواهید شد.
امیدواریم که این آموزش، برای شما دوستان درسمنی عزیز مفید باشد،درصورت سوال و یا مشکل می‌توانید به انجمن پرسش و پاسخ درسمن مراجعه کنید. پیشنهادات و انتقادات خود را در بخش نظرات برای ما ارسال کنید.
نظر شما در تصمیم دیگران اثرگذار است.
لطفا برای همراهان درسمن و بهتر شدن دوره نظر خود را بنویسید.