HOW TO CREATE RESPONSIVE SEO FRIENDLY TEMPLATE

1. To make dropdown menu in bootstrap use:

<div class = “navbar”>
   <div class=”dropdown”>
    <div class=”dropdown-container”></div>
    </div>
</div>

class dropdown on mouse hover just enabled visibility of submenu display:block
2. To make nav dropdown at right direction use navbar-right for dropdown-container
3. To fix menu on top of the page with bootstrap use navbar class with fixed-top class.
4. To make menu vertical or horizontal in bootstrap use class started with navbar-expand-sm and flex-direction
5. For collapsing navbar I need javascript.
6. I have to make sidebar menu responsive. It should become vertical menu or disappear on small devices.
7. To align widths of buttons inside of menu use display:block instead of inline block.