Link To A Section On Horizontal Web Page

A short introduction is, I have created a website where I have 3 divs positioned horizontally on mobile devices (see image below), done with help from Bootstrap's carousel and a sw

Solution 1:

Just using the id attribute will not automatically trigger the Bootstrap carousel to change position. The carousel documentation defines two ways you can trigger the carousel to scroll:

• Via data attributes: By adding the data-slide attribute to your tab anchors. Your tab anchors will have to be inside the carousel <div> for it to work.
• Via JavaScript: You can attach a click event listener to the tab anchors and manually trigger the carousel to cycle to the corresponding item by using: $('.carousel').carousel(number)