Error con el menú bootstrap

Este es el código del menú que estoy usando:

<nav class='navbar navbar-inverse' role='navigation'>
 
<!-- El logotipo y el icono que despliega el menú se agrupan
       para mostrarlos mejor en los dispositivos móviles -->
  <div class='navbar-header'>
    <button class='navbar-toggle' data-target='.navbar-ex1-collapse' data-toggle='collapse' type='button'>
      <span class='sr-only'>Desplegar navegación</span>
      <span class='icon-bar'/>
      <span class='icon-bar'/>
      <span class='icon-bar'/>
    </button>
 
  </div>
 
  <!-- Agrupar los enlaces de navegación, los formularios y cualquier
       otro elemento que se pueda ocultar al minimizar la barra -->
  <div class='collapse navbar-collapse navbar-ex1-collapse'>
    <ul class='nav navbar-nav'>
      <li class='active'><a href='http://www.eldiamanteinformativord.com/'>Portal</a></li>
      <li><a href='/search/label/Diamante'>Diamante de la semana</a></li>
      <li><a href='/search/label/nacionales'>Nacionales</a></li>
      <li><a href='/search/label/Internacionales'>Internacionales</a></li>
      <li><a href='/search/label/Salud'>Salud</a></li>
      <li><a href='/search/label/Deportes'>Deportes</a></li>
      <li><a href='/search/label/Economia'>Economía</a></li>
      <li><a href='/search/label/Seguridad'>Temas de seguridad</a></li>
      <li><a href='/search/label/Espectaculos'>Espectáculos</a></li>
      <li><a href='/search/label/Sabias'>&#191;Sabias qué?</a></li>
    </ul>
  </div>
</nav>

Mi problema es que cuando el menú se ve en móviles el menú desplegable no muestra los menús. esta es mi pagina: www.eldiamanteinformativord.com