È possibile richiamare le quasi tutte le componenti javascript di Bootstrap usando gli attributi data-* nel mark-up. Senza una sola riga di javascript.
Ad esempio per collassare una elemento con id id="collapseExample" basterà governarlo con un bottone che avrà come trigger per il javascript data-toggle="collapse" e come obiettivo l'elemento stesso data-target="#collapseExample".
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut metus magna. Maecenas in sapien sed mi accumsan vehicula. Proin consequat pellentesque ligula eu imperdiet. Integer vel ante at diam porttitor eleifend ac sed mi. Cras id vehicula odio, vitae venenatis est. Donec ex ipsum, commodo eget augue eget, euismod placerat libero. In gravida elementum sem eu volutpat. Aenean mi enim, blandit vitae nulla vitae, eleifend tempus ligula. Duis lorem ligula, ultricies in elit non, sodales ornare massa. Phasellus accumsan odio vel orci interdum egestas.
Affix & Scrollspy invece utilizzano rispettivamente data-spy="affix" e data-spy="scroll".
È comunque possibile attivare le componenti tramite javascript, es. $('#myModal').modal().