CODEWITHSUNDEEP
javascripthtmlcsstwitter-bootstrap
doniyor
doniyor

Reputation: 37846

bootstrap dropdown menu acting weird

I have this code: 

<div class="navbar">
      <div class="navbar-inner">
        <div class="container" style="width: auto;">
          <ul class="nav">
            <li><a href="/./">Startseite</a></li>
            <li class="dropdown">
                  <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Produkte<b class="caret"> </b></a>
                  <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="http://google.com">Action</a></li>
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#anotherAction">Another action</a></li>
                  </ul>
            </li>
            <li class="dropdown">
                  <a id="drop2" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Produkte<b class="caret"> </b></a>
                  <ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="http://google.com">Action</a></li>
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#anotherAction">Another action</a></li>
                  </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>

it shoud show up like this:

enter image description here

but it is showing up like this in my code(i click on produkte):

enter image description here

this is my header in html: 

<link href="{{STATIC_URL}}css/bootstrap.css" rel="stylesheet">
<script src="{{STATIC_URL}}js/jquery191.js"></script>
<script src="{{STATIC_URL}}js/bootstrap.min.js"></script>

why is this? can someone please help me?

thanks a lot

Upvotes: 0

Views: 554

Answers (1)

sAnS
sAnS

Reputation: 1163

you have used float:left for li you need to remove it from you custom css file.

Upvotes: 2

Related Questions