বুটস্ট্রাপ সিএসএস ইমেজ রেফারেন্স - Bootstrap CSS Image Reference
বুটস্ট্রাপ ইমেজ
বৃত্তাকার কর্ণার:
বৃত্তাকার ইমেজ:
Thumbnail ইমেজ:
<img> এলিমেন্ট সংক্রান্ত ক্লাসসমূহ
নিচের ক্লাসগুলো যেকোনো ইমেজে ব্যবহার করা যেতে পারবে:
| ক্লাস | বর্ণনা | উদাহরণ |
|---|---|---|
| .img-rounded | ইমেজে রাউন্ড কর্ণার যুক্ত করে (ইন্টারনেট এক্সপ্লোরার ৮ এ সাপোর্ট করে না) | ইমেজ টিউটোরিয়াল |
| .img-circle | ইমেজের আকৃতি বৃত্তের মতো করে (ইন্টারনেট এক্সপ্লোরার ৮ এ সাপোর্ট করে না) | ইমেজ টিউটোরিয়াল |
| .img-thumbnail | ইমেজের আকৃতি thumbnail এর মতো করে। | ইমেজ টিউটোরিয়াল |
| .img-responsive | একটি ইমেজকে রেসপন্সিভ করার জন্য ব্যবহার করা হয়। | ইমেজ টিউটোরিয়াল |
রেসপন্সিভ ইমেজ
একটি ইমেজকে রেসপন্সিভ করার জন্য <img> ট্যাগের মধ্যে .img-responsive ক্লাস ব্যবহার করুন।
.img-responsive ক্লাস ইমেজে নিম্নলিখিত সিএসএস কোড গুলো সরবরারহ করে: max-width: 100%, height: auto,
এবং display:block: