title: Multiple Bootstrap modals in a single page
body: <p>In a page, there are around 150 submenus (expandable). Every click on a submenu opens a modal with specific information for the submenu. Data is fetched initially when the page loads. I wonder what is a better way to implement the modals. </p>
  
  <p>Should I write 150 modals in the same page, or write one modal then create the content dynamically? </p>
  
  <p>For the latter option I need an example.</p>
  
  <p>Technologies used: Bootstrap, HTML, CSS, jQuery.</p>