এইচটিএমএল সিএসএস বুটস্ট্রাপ জাভাস্ক্রিপ্ট জেকুয়েরি
ফোরাম
×

বুটস্ট্রাপ টিউটোরিয়াল

হোম-Home শুরু করুন-Get Started গ্রীড বেসিক-Grid Basic

সিএসএস কম্পোনেন্ট

টাইপোগ্রাফী-Typography টেবিল-Table ইমেজ-Image জামবোর্টন-Jumbotron বুটস্ট্রাপ Well এলার্ট-Alert বাটন-Button বাটন গ্রুপ-Button Group গ্লিফআইকন-Glypicon ব্যাজ/লেভেল-Badge/Label প্রোগ্রেস বার-Progress Bar পেজিনেশন-Pagination পেজার-Pager লিস্ট গ্রুপ-List Group প্যানেল-Panel ফরম-Form ইনপুট-Input ইনপুট(২)-Input(2) ইনপুটের আকার-Input Sizing সাহায্যকারী-Helper

JS কম্পোনেন্ট

ড্রপডাউন-Dropdown কলাপ্স-Collapse ট্যাব/পিল-Tab/Pill ন্যাভবার-Navbar ক্যারোসেল-Carousel মোডাল-Modal টুলটিপ-Tooltip পপওভার-Popover স্ক্রলস্পাই-Scrollspy এফিক্স-Affix

বুটস্ট্রাপ গ্রীড সিস্টেম

গ্রীড সিস্টেম-Grid System বুটস্ট্রাপ Stacked/Horizontal গ্রীড ছোট-Grid Small গ্রীড মিডিয়াম-Grid Medium গ্রীড বড়-Grid Large গ্রীড উদাহরণ-Grid Example

বুটস্ট্রাপ রেফারেন্স

ড্রপডাউন-Dropdown কলাপ্স-Collapse ট্যাব-Tab বাটন-Button ক্যারোসেল-Carousel মোডাল-Modal স্ক্রলস্পাই-Scrollspy এফিক্স-Affix

 

বুটস্ট্রাপ সিএসএস ইমেজ রেফারেন্স


বুটস্ট্রাপ ইমেজ

বৃত্তাকার কর্ণার:

Nilgiri Bangladesh

বৃত্তাকার ইমেজ:

Triangle Building

Thumbnail ইমেজ:

Paris Tower

<img> এলিমেন্ট সংক্রান্ত ক্লাসসমূহ

নিচের ক্লাসগুলো যেকোনো ইমেজে ব্যবহার করা যেতে পারবে:

ক্লাস বর্ণনা উদাহরণ
.img-rounded ইমেজে রাউন্ড কর্ণার যুক্ত করে (ইন্টারনেট এক্সপ্লোরার ৮ এ সাপোর্ট করে না) নিজে চেষ্টা করি
.img-circle ইমেজের আকৃতি বৃত্তের মতো করে (ইন্টারনেট এক্সপ্লোরার ৮ এ সাপোর্ট করে না) নিজে চেষ্টা করি
.img-thumbnail ইমেজের আকৃতি thumbnail এর মতো করে। নিজে চেষ্টা করি
.img-responsive একটি ইমেজকে রেসপন্সিভ করার জন্য ব্যবহার করা হয়। নিজে চেষ্টা করি

রেসপন্সিভ ইমেজ

একটি ইমেজকে রেসপন্সিভ করার জন্য <img> ট্যাগের মধ্যে .img-responsive ক্লাস ব্যবহার করুন।

.img-responsive ক্লাস ইমেজে নিম্নলিখিত সিএসএস কোড গুলো সরবরারহ করে: max-width: 100%, height: auto, এবং display:block:

উদাহরণ

<img src="nilgiri.jpg" class="img-responsive" alt="Nilgiri Bangladesh">
নিজে চেষ্টা করি »