عکس ها در بوت استرپ ریسپانسیو میشوند با .img-fluid. max-width: 100%; و height: auto; و تاثیر میپذیرند از المانی که به عنوان پرنت یا والد شناخته میشود.

Responsive image

چند ردیفی با عرض مساوی

با درج یک .w-100 ستون‌هایی با عرض مساوی ایجاد کنید که در چندین ردیف قرار می‌گیرند، جایی که می‌خواهید ستون‌ها به یک خط جدید تبدیل شوند. با ترکیب .w-100 با برخی از ابزارهای ریسپانسیو، یک شکست یا وقفه میتوانید ایجاد کنید.

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

سفارش

ترتیب محتوا در اشیاء رسانه را با تغییر خود HTML یا با افزودن مقداری فلکس‌باکس CSS سفارشی برای تنظیم ویژگی order (به یک عدد صحیح به انتخاب شما) تغییر دهید.

اشیاء رسانه
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد
#
رسانه با تراز مرکز
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد
#
رسانه با تراز پایین
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد
#

تصویر بندانگشتی

علاوه بر ابزارهای حاشیه مرزی، می‌توانید از .img-thumbnail برای دادن یک حاشیه گرد 1 پیکسلی به تصویر استفاده کنید .

Responsive image Responsive image Responsive image

تصویر بندانگشتی

علاوه بر ابزارهای حاشیه مرزی، می‌توانید از .img-thumbnail برای دادن یک حاشیه گرد 1 پیکسلی به تصویر استفاده کنید.

Responsive image Responsive image

اشیاء رسانه

تصاویر یا رسانه های دیگر را می توان در بالا، وسط یا پایین تراز کرد. پیش فرض تراز بالایی است.

#
رسانه با تراز بالا

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

#
رسانه با تراز مرکز

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

#
رسانه با تراز پایین

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

لیست رسانه

از آنجایی که شئ رسانه الزامات ساختاری بسیار کمی دارد، می توانید از این کلاس ها در عناصر لیست HTML نیز استفاده کنید. در <ul> یا <ol>،کلاس .list-unstyled را اضافه کنید تا سبک‌های فهرست پیش‌فرض مرورگر حذف شود و سپس .media به <li> اعمال شود. مثل همیشه، هر جا که برای تنظیم دقیق نیاز بود از ابزارهای فاصله استفاده کنید.

  • #
    شیء رسانه ای مبتنی بر لیست
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد
  • #
    شیء رسانه ای مبتنی بر لیست
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد
  • #
    شیء رسانه ای مبتنی بر لیست
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد