Data-toggle And Data-target Are Not Working As Desired

I have sample navigation bar. But I couldn't collapse it as the 'data-toggle' and 'data-target' are not working. Please help me and also give suggestion if there is any other issu

Solution 1:

i created your example at bootply and it works just fine. So all i can see here now is that your bootstrap js might not be loading. First add it above the page after bootstrap css and then you should be fine . Check it here http://www.bootply.com/z2FXC4SKJn