Menu suspenso não funciona no bootstrap

Question

Estou criando um site com bootstrap e o menu suspenso da barra de navegação não está funcionando, tentei mudar a cor e foi aí que estragou tudo, mas não consigo descobrir o porquê

http://bootply.com/94426

Answer 1

há um problema com sua classe "navbar-custom1"

<div class="navbar navbar-static-top">
<div class="container">


       <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">drop-down item <b class="caret"></b> </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="#">item</a>
                        </li>
                        <li>
                            <a href="#">item</a>
                        </li>
                    </ul>
                </li>

                 <li>
                    <a href="#">item</a>

                </li>
                <li>
                    <a href="#">Facebook</a>

                </li>
                <li><a href="#">Twitter</a></li>
            </ul>


    </div>
</div>

o snapper acima está funcionando bem ....tente ajustar sua formatação com ele.....