Close Button و Collapse در Bootstrap :
Bootstrap یکی از پرکاربردترین فریمورک‌های CSS و جاوااسکریپت است که توسط توئیتر توسعه داده شده است. این فریمورک ابزارها و کامپوننت‌هایی را برای طراحی و توسعه وبسایت‌های ریسپانسیو و قابل استفاده در تمامی دستگاه‌ها فراهم می‌کند. یکی از این کامپوننت‌ها Close Button و Collapse است که در این مقاله به توضیح و استفاده از آن‌ها می‌پردازیم.
Close Button یک دکمه کوچک است که به کاربر امکان می‌دهد یک المان را ببندد. این دکمه از طریق کلاس .close در Bootstrap تعریف شده است. برای استفاده از این دکمه، کافیست به HTML المان مورد نظر کلاس .close را اضافه کنید. به طور معمول، این دکمه در گوشه‌ی بالا یا راست المان قرار می‌گیرد. برای افزودن عملکرد به این دکمه، می‌توانید از جاوااسکریپت استفاده کنید و با کلیک کردن بر روی دکمه، تابعی را فراخوانی کنید.
Collapse یک کامپوننت است که به کاربر امکان می‌دهد یک بخش از محتوا را مخفی کند و با کلیک بر روی یک المان دیگر، آن را نمایش دهد. این کامپوننت به صورت پیشفرض با استفاده از جاوااسکریپت کار می‌کند و برای استفاده از آن، کافیست به HTML المان مورد نظر کلاس .collapse را اضافه کنید. سپس با استفاده از دکمه یا المانی که می‌خواهید برای نمایش/مخفی کردن این بخش استفاده کنید، تابع collapse(‘toggle’) را فراخوانی کنید.
استفاده از Close Button و Collapse در Bootstrap به راحتی قابل یادگیری و پیاده‌سازی است و به کاربران امکان می‌دهد تا بخش‌های مختلف صفحه را به راحتی مخفی یا نمایش دهند. با استفاده از این کامپوننت‌ها، تجربه کاربری وبسایت شما بهبود خواهد یافت.
