links in twitter bootstrap <ul <li not working

Question

Im trying to make a site using WrapBoootstrap and ive run into a problem, im trying to make it so that in the navbar next to the various buttons leading to anchor points there is a flag and if you press on it it will link to the other index.html page which is in Russian.

For some reason that doesnt work (it works only if you scrollwheel click it Aka Open it in a new tab). If i remove it from the navbar-list it works, but then it doesnt react when you make the page smaller and so on. I guess its some setting in the navbar that is not allowing links to be pressed

Im not very competent you might tell but help is much appreciated.

 <nav class="navbar-collapse bs-navbar-collapse collapse" role="navigation" style="height: 1px;"> <ul class="nav navbar-nav navbar-right responsive-nav main-nav-list"> <li><a href="#home">Home</a> </li> <li><a href="#aboutus">About Us & Services</a> </li> <li><a href="#works">Portfolio</a> </li> <li><a href="#contact">Contact</a> </li> <li><a href="index2.html" target="_self"> <img src="images/russian-flag-small.jpg"> </a> </li> </ul> </nav> 

Answer 1

<li>href="index2.html" target="_self">

You type it wrongly. It should be:

<li>
  <a href="index2.html" target="_self">
  <img src="images/russian-flag-small.jpg">
  </a>
</li>