Me gustaría crear un sticky div (creo que así se les llama) que siempre este en la parte de abajo de la pantalla, estoy utilizando los paneles flotantes de la librería "Lobipanel" y quiero crear un contenedor para uno de estos paneles que siempre este abajo centrado, algo como de esta forma:
Lo he logrado utilizando las propiedades de bootstrap de esta forma
<div class="navbar navbar-fixed-bottom">
<div class="container">
<div class="row">
<div id="eventos" class="panel panel-default">
<div class="panel-heading">
<div class="panel-title">
<h5>Eventos</h5>
</div>
</div>
<div class="panel-body">
Olas prros
</div>
</div>
</div>
</div>
</div>
El problema es que si hago click en la parte en el fondo del panel no hace click en el mapa, por ejemplo, si intento utilizar el boton "+" de google maps no funciona por que el div que utilizo como contenedor abarca todo el ancho de la pantalla.
¿Que tengo que hacer para que el contenedor solo ocupe el espacio determinado por el panel y no todo el ancho de la pantalla? ¿Existe alguna otra forma de lograr lo que intento hacer sin utilizar la clase "navbar navbar-fixed-bottom" (que creo que es lo que hace que mi contenedor ocupe todo el ancho)?