--- title: "Accordion using BootStrap in ASP.Net" description: "In this blog , I’m explaining how to make  Accordion using Bootstrap in ASP.Net Example  :-In This Example we Create Accordion With Help BootStrap Fi" author: "Anonymous User" published: 2014-01-15 updated: 2014-09-18 canonical: https://www.mindstick.com/blog/626/accordion-using-bootstrap-in-asp-dot-net category: "bootstrap" tags: ["bootstrap"] reading_time: 2 minutes --- # Accordion using BootStrap in ASP.Net In this blog , I’m explaining how to make [Accordion](https://answers.mindstick.com/qa/93711/what-is-accordion-in-css) using Bootstrap in ASP.Net\ ##### Example :- ## In This Example we Create Accordion With Help [BootStrap File](https://www.mindstick.com/forum/156874/how-to-create-bootstrap-file-to-design-web-page-in-bootstrap-5) ##### Form Design:- ``` <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Accordion.aspx.cs" Inherits="AutoComplete" %>                  
       

Accordion

       
           
               

My Programmes

               
                   

GNIIT

                   

DIT

                   

B.Sc IT

               
           
           
               

MyServices

               
                   

Web Application Developement

                   

Android Application Developement

               
           
           
               

ContactUs

               
                   

99999999999

               
           
           
               

FeedBack

               
                   

99999999999

               
           
       
   
``` Firstly create
tag give id Accordion then create three sud
tag of Accordion
tag then create one

tag and one
tag inside every sub
tag then call accordion() [method](https://www.mindstick.com/forum/166/webservice-method) on Accordion
tag [click](https://www.mindstick.com/articles/12423/social-login-magento-2-one-click-to-register-social) Inside $([document](https://www.mindstick.com/articles/328642/what-to-consider-while-choosing-a-software-documentation-tool)).ready([function](https://www.mindstick.com/articles/13001/multi-statement-table-valued-user-defined-function-in-sql-server) () {} function. ##### Use this BootStrap File :- ```   ``` [Download](https://www.mindstick.com/articles/188403/website-to-download-photos-from-instagram) and add the above three files into your [projects](https://www.mindstick.com/articles/105927/how-to-excel-at-managing-multiple-projects) because it’s mandatory for using the bootstrap [libraries](https://answers.mindstick.com/qa/49244/which-company-is-ahead-in-classification-of-data-for-libraries-innovations) and methods. ##### Use accordion Method :- ``` ``` ##### Output ![Accordion using BootStrap in ASP.Net](https://www.mindstick.com/blogs/7837506b-b40d-4592-a7af-36b362cf100e/images/2c5482dc-120d-4e8e-9f6e-b6e1898b0f22.png) in my next post i'll explain about [Date Picker using BootStrap in ASP.Net](https://www.mindstick.com/blog/627/Date%20Picker%20using%20BootStrap%20in%20ASP%20Net) --- Original Source: https://www.mindstick.com/blog/626/accordion-using-bootstrap-in-asp-dot-net Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.