Recently diving into the world of bootstrap and AngularJs has been quite the learning experience for me. One challenge I encountered was trying to implement a bootstrap modal dialog box to show additional details within a table column. My goal was to have the modal popup appear right at the position where the user clicks the details button on each row, rather than defaulting to the top every time. Unfortunately, I struggled with changing the positioning of the modal to match the click location. Is there a way to adjust the modal's position so that it appears precisely where the button is clicked? This would make the display more relevant to the specific element and less like a generic alert box. Any guidance on this matter would be greatly appreciated. Thank you.