Sidebar is a narrow vertical area that is located alongside the main display area, typically containing related information or navigation options.This structure shows a responsive menu toggling system. When toggled using the button, the menu will appear/disappear.

NOTE: Data-Target attribute is used in the a tag to add multiple sidebars in a page. The value of the data-target attribute will be the id of the sidebar container aside. For Example: if you have created 2 sidebar containers with id=”sidebar1” and id=”sidebar2”, the a used to call those sidebars will have the attribute data-target=”sidebar1” and data-target=”sidebar2” respectively. Thus, the data-target attribute is used to make the action and the sidebar containers work collaboratively.