Относительный нижний колонтитул Bootstrap поднимается при увеличении окна ⇐ Html

[Anonymous]

У меня есть сайт (asp.net и bootstrap) Проблема в том, что у меня есть относительный расположенный нижний колонтитул, который поднимается, когда я изменяю размер окна (или когда увижу с мобильного устройства), я могу добавить маржу в содержание страницы, чтобы предотвратить эту проблему (но у меня будет много белого пространства, которое очень ужасно) < /p>
здесь.

FEATURES

• User Guides
• FAQ
• Shortcuts
• Glossary
• Forum

SERVICES

• User Guides
• FAQ
• Shortcuts
• Glossary
• Forum

ABOUT US

• User Guides
• FAQ
• Shortcuts
• Glossary
• Forum

< /code>
и CSS: < /p>
.footer
{
position:relative;
color: white;
background-color:#242424;
padding: 8px 0px 0px 0px;
margin: 0px auto;
text-align: center;
line-height: normal;
margin-bottom:0;

bottom:0;
border-top: 5px solid #242424;

-webkit-transition: border-color 1s ease;
-moz-transition: border-color 1s ease;
-o-transition: border-color 1s ease;
-ms-transition: border-color 1s ease;
transition: border-color 1s ease;

}

.footer:hover
{
border-color: #77008F;

}
< /code>
100% Zoom:
< /p>
50% Zoom:

25% Zoom (вот проблема-> См. Белое пространство ниже нижней части нижней части):
prc = "/> prc ="/> prc = "https://i.sstatic.net/ap0x.>

Подробнее здесь: https://stackoverflow.com/questions/343 ... out-window