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

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

হোম-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

 

বুটস্ট্রাপ JS এলার্ট


JS এলার্ট (alert.js)

এলার্ট মেসেজ ক্লোজ করার জন্য এলার্ট প্লাগ-ইন এ অপশন এবং মেথড রয়েছে।

বুটস্ট্রাপ এলার্ট টিউটোরিয়ালের জন্য, আমাদের বুটস্ট্রাপ এলার্ট টিউটোরিয়াটি পড়ুন।


এলার্ট প্লাগ-ইন ক্লাসসমূহ

ক্লাস বিবরণ উদাহরণ
.alert একটি এলার্ট মেসেজ বক্স তৈরী করে। চেষ্টা করি
.alert-success সফল এবং পজিটিভ কর্মকে ইঙিত করে। চেষ্টা করি
.alert-info তথ্যমূলক এলার্ট মেসেজের বর্ণনা দেয়। চেষ্টা করি
.alert-warning সতর্কতার সাথে একশনটি নেয়া উচিৎ বুঝায়। চেষ্টা করি
.alert-danger ক্ষতিকর বা সম্ভাব্য নেগেটিভ কর্মকে ইঙ্গিত করে। চেষ্টা করি
.close এলার্ট মেসেজের জন্য ক্লোজ বাটনকে স্টাইল করে। (নির্ধারিত ফন্টের-আকার, কালার ইত্যাদি সহ ডানে ফ্লোট করে) চেষ্টা করি

data-* এট্রিবিউটের মাধ্যমে ক্লোজ এলার্ট

এলার্ট মেসেজ ক্লোজ করার জন্য লিংক অথবা বাটন এলিমেন্টে data-dismiss="alert" যুক্ত করুন।

উদাহরণ

<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
নিজে চেষ্টা করি »

জাভাস্ক্রিপ্টের মাধ্যমে এলার্ট ক্লোজ

ম্যানুয়েললি ক্লোজ:

উদাহরণ

$('.close').alert();
নিজে চেষ্টা করি »

এলার্ট অপশন

নেই।

এলার্ট মেথড

নিচের টেবিলে এলার্ট মেথড দেখানো হলো:

মেথড বিবরণ চেষ্টা করি
.alert("close") এলার্ট মেসেজ ক্লোজ করে। চেষ্টা করি

এলার্ট ইভেন্ট

নিচের টেবিলে এলার্ট ইভেন্টগুলো দেখানো হলো:

ইভেন্ট বিবরণ চেষ্টা করি
close.bs.alert যখন এলার্ট মেসেজ প্রায় ক্লোজ হয়ে যায় তখন এই ইভেন্টটি সম্পন্ন হয়। চেষ্টা করি
closed.bs.alert যখন এলার্ট মেসেজ ক্লোজ হয়ে যায় তখন এই ইভেন্টটি সম্পন্ন হয়। চেষ্টা করি