• Telegram
  • Google Plus
  • Linked In

آبجکت های رسانه در Bootstrap

آبجکت های رسانه در Bootstrap

تاریخ درج: خلاصه

طراحی سایت، طراحی وب سایت، طراحی وب، بوت استرپ، bootstrap

آبجکت های رسانه در Bootstrap

در این بخش نحوه استفاده از آبجکت های رسانه در Bootstrap را خواهید آموخت.

استفاده از آبجکت رسانه در Bootstrap :

چنانچه میخواهید ساختاری ایجاد کنید که حاوی آبجکت های رسانه چپ نویس یا راست نویس مانند تصاویر یا ویدئو در کنار محتوای متنی باشد، میتوانید با استفاده از اجزاء رسانه در بوت استرپ این کار را به راحتی انجام دهید.















خروجی مثال بالا به شکل زیر خواهد بود :






همچنین میتوانید کلاس های ویرایشگر عکس مانند img-rounded. ، img-circle. و ... را به تصویر داخلی اعمال کنید تا انواع دیگری از اجزاء رسانه را ایجاد نمایید.















خروجی مثال بالا به شکل زیر خواهد بود :




تنظیمات (alignment) آبجکت های رسانه :

همچنین میتوانید با استفاده از کلاس media-middle. یا media-bottom. ، تصاویر یا دیگر اجزاء رسانه را به وسط یا انتهای بلوک محتوا اضافه نمایید. به صورت پیش فرض در قسمت بالای صفحه تنظیم شده است.




































خروجی مثال بالا به شکل زیر خواهد بود :



















ایجاد لیست رسانه تو در تو (nested) :

همچنین میتوانید با استفاده از لیست رسانه، لیستی از آبجکت های رسانه یا آبجکت رسانه تو در تو ایجاد کنید.




















































خروجی مثال بالا به شکل زیر خواهد بود :















مطلب بعدی -> استفاده از آیکون های بوت استرپ

تاکنون نظری ارسال نشده است،شما اولین نفر باشید

سؤال یا نظر خود را ارسال کنید

  • Telegram
  • Google Plus
  • Linked In