Datepicker частично заблокирован нижним колонтитулом

Question

Я не очень разбираюсь в такой вещи, поэтому, надеюсь, кто-то может мне помочь в этом. У меня есть эта особая проблема, что нижний колонтитул блокирует дату, указанную на изображении. Я использую липкий нижний колонтитул, который не является результатом, которого я желаю, поэтому я никогда не маркирую класс footer в своем <div>.

Это мой текущий код:

<div class =" navbar navbar-default navbar-fixed-bottom navbar-inverse" role="navigation"> 
<div class ="container"> 
    <font size="3" color="white"><p class="paddingAll">Copyright &#169 2015</p></font> 

</div> 

Это мой CSS:

html { 
    position: relative; 
    min-height: 100%; 
} 

body { 
    margin-bottom: 60px; 
} 

.footer { 
position: relative; 
bottom: 0; 
width: 100%; 
height: 55px; 
} 

То, что я хотел бы иметь, чтобы сделать бар сноска надавите и раскрыть весь datepicker и закроет оставшийся пробел, когда датпикер будет удален.

Answer 1

Добавить padding-bottom вместо margin-bottom CSS:

body { 
     padding-bottom: 60px; 
} 

Answer 2

Удалить относительное положение из нижнего класса сов любого относительного положения без г-индекс больше энергии, чем абсолютно без г-индекс, чтобы ваш .bottom находится над календарем предположим.

Answer 3

Добавить position:relative; z-index:1; в категории datepicker.