Bootstrap 4 nested dropdown?

Question

What I am trying to do is if anyone click on arts then History sociology and geography submenu should show up. It should now appear when someone clicks on Arts.
https://

Answer 1

In following code I use Django template for loop to loop over multiple drop-down data. This code generates 2 level dropdown, with second level dropping on left side:

    
        Dropdown
    
    

        {% for campus in object_list %}
            

                {{ campus.name }}
                

                    {% for school in campus.school.all %}
                        
{{ school.name }}
                        
                    {% endfor %}
                
            
        {% endfor %}