Dropup Bootstrap (v3.3.7) Toggle Menu when Fixed on Bottom - html

Question

I have a bottom-fixed menu and want the toggle to dropup instead of down. I've tried all the solutions found in stackoverflow (like this one How to get a Bootstrap dropdown submenu to 'dropup'), wrapping up with .dropup class, or adding it to the element and so on, but nothing worked. This is my code:
EDIT TO ADD URL:
http://linares.kmturismo.com/
EDIT 2 - TO POINT OUT THE ERRORS:
One was the pointed out in the other answer. In addition, I gave it height: 50px; via custom css class, which stopped the menu to dropup.
<nav class="navbar navbar-default navbar-fixed-bottom">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Linares de Mora</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li>Que Hacer</li>
<li>Alojamiento</li>
<li>Historia</li>
<li>Comida</li>
<li class="dropdown">
Más <span class="caret"></span>
<ul class="dropdown-menu">
<li>Action</li>
<li>Another action</li>
<li>Something else here</li>
<li role="separator" class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li>Separated link</li>
<li>One more separated link</li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>

Answer 1

Check this link https://jsfiddle.net/edz80vw5/
<nav class="navbar navbar-default navbar-fixed-bottom">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Linares de Mora</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li>Que Hacer</li>
<li>Alojamiento</li>
<li>Historia</li>
<li>Comida</li>
<li class="dropup">
Más <span class="caret"></span>
<ul class="dropdown-menu">
<li>Action</li>
<li>Another action</li>
<li>Something else here</li>
<li role="separator" class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li>Separated link</li>
<li>One more separated link</li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
The difference is made by the last li element of the first ul with class dropup instead of dropdown.