آدرس : تهران میدان فردوسی خیابان ایرانشهر بین سمیه و طالقانی مجتمع تجاری میلاد واحد 9

پشتیبانی 24 ساعته : 02188867940 – 09927674217

برای مشاهده لیست علاقه مندی ها وارد شوید!

مشاهده محصولات فروشگاه
0

هیچ محصولی در سبد خرید نیست.

یکسری از کلاس های بوت استرپ (قسمت دوم)

دسته بندی :اخبار سایت 10 می 2023 علیرضا بابامرادی 308

MediaObject

وقتی به سایت‌های اجتماعی مانند فیس‌بوک، توییتر و دیگران نگاه می‌کنید و برخی از آنها را حذف می‌کنید
از قالب بندی از خطوط زمانی، MediaObject را خواهید دید. Driven
توسط انجمن Bootstrap و بر اساس اصول جامعه ooccs، the
هدف هدف رسانه ایجاد کد برای توسعه این بلوک های اطلاعاتی است
به شدت کوتاه تر نیکول سالیوان هاس چند عنصر از شیء رسانه ای را به اشتراک می گذارد.
مشابه Bootstrap در سایت او. شی رسانه ای طراحی شده است که به معنای واقعی کلمه صدها مورد را ذخیره می کند
خطوط کد، سفارشی کردن(کاستومایز) آن را آسان می کند.
بوت استرپ طراحی و قالب‌بندی را به شما واگذار می‌کند، اما راه ساده‌ای را برای شروع ارائه می‌کند.
مانند بسیاری از ابزارهای دیگر در بوت استرپ، هدف اشیاء رسانه (نشانه گذاری سبک، آسان
توسعه پذیری) با اعمال کلاس ها در برخی نشانه گذاری های ساده به دست می آید. دو تا هستند
به شی رسانه فرم می دهد: .media و .media-list.
اگر در حال تهیه لیستی هستید که در آن موارد بخشی از یک لیست نامرتب خواهند بود، از .medialist استفاده کنید. اگر فقط از عناصر <div> استفاده می کنید، از شی .media استفاده کنید.
برای استفاده از فهرست رسانه ها، ظرف <div> را به <ul> تغییر دهید و
class .media-list را اضافه کنید. از آنجایی که می‌توانید اشیاء رسانه‌ای را تودرتو کنید، نشانه‌گذاری برای نظرات یا لیست های دیگر آنها مفید است.

متفرقه

چند مؤلفه دیگر بوت استرپ وجود دارد که ما هنوز در این فصل باید به آنها بپردازیم.
برخی از این مؤلفه‌ها مبتنی بر طرح‌بندی هستند و تعداد کمی از آنها کمکی مبتنی بر تولید هستند
کلاس ها. اولین مورد در این میان wells ها هستند.

wells ها

wells یک محفظه <div> است که باعث می شود محتوا در صفحه غرق شده به نظر برسد. ما از چاه ها برای اطلاعات متا پست وبلاگ مانند نویسنده، تاریخ و
دسته بندی ها استغادخ میکنیم. برای ایجاد یک wells، به سادگی محتوایی را که می‌خواهید در آن ظاهر شود یک <div> حاوی کلاس .well بپیچید.
دو کلاس اضافی وجود دارد که می‌توان به همراه .well استفاده کرد: .welllarge و .well-small. اینها روی بالشتک تأثیر می گذارند و چاه را بزرگتر یا کوچکتر می کنند
بسته به کلاس.

کلاس clearfix

برای پاک کردن float از هر عنصر، از کلاس .clearfix استفاده کنید. وقتی دو عنصر دارید
در اندازه های مختلف که در کنار یکدیگر شناور هستند. شما می توانید این کار را انجام دهید
با یک <div> خالی ساده با کلاس :.clearfix.

فصل جدید بوت استرپ (پلاگین های جاوا اسکریپت)

مولفه هایی که در فصل 3 مورد بحث قرار گرفت، تازه شروع است،
بوت استرپ می آید
با 13 پلاگین jQuery که ویژگی ها را گسترش می دهد و می تواند تعامل بیشتری را به سایت شما اضافه کند.
برای شروع کار با پلاگین های جاوا اسکریپت بوت استرپ، نیازی به این نیست
توسعه دهنده پیشرفته جاوا اسکریپت،در واقع، با استفاده از Bootstrap Data API، بیشتر
افزونه ها را می توان بدون نوشتن یک خط کد راه اندازی کرد.

علیرضا بابامرادی

راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) عضویت در کانال

مطالب زیر را حتما بخوانید:

قوانین ارسال دیدگاه در سایت

  • چنانچه دیدگاهی توهین آمیز باشد تایید نخواهد شد.
  • چنانچه دیدگاه شما جنبه ی تبلیغاتی داشته باشد تایید نخواهد شد.
  • چنانچه از لینک سایر وبسایت ها و یا وبسایت خود در دیدگاه استفاده کرده باشید تایید نخواهد شد.
  • چنانچه در دیدگاه خود از شماره تماس، ایمیل و آیدی تلگرام استفاده کرده باشید تایید نخواهد شد.
  • چنانچه دیدگاهی بی ارتباط با موضوع آموزش مطرح شود تایید نخواهد شد.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

لینک کوتاه:
0