Как убрать пробел из нижнего колонтитула

Существует некоторый контент, который мне нужно включить в нижний колонтитул.

Нижний колонтитул обычно не в состоянии разместить всю эту информацию, и я заканчиваю вывод содержимого за пределы нижнего колонтитула следующим образом:

Моя первая идея состояла в том, чтобы увеличить размер .footer колонтитула, но после многих попыток изменения .footer, .modal-footer и многих других вещей в отдельном файле css в папке с ресурсами ничего не получилось.

Моя следующая идея заключалась в том, чтобы создать нижний колонтитул на заказ и свернуть нижний колонтитул по умолчанию следующим образом:

<footer class="text-muted well" id="last-footer">
        <div class="container">
            <p class="footer-text text-muted text-center">

                <img src="https://i.stack.imgur.com/ZjO4e.png" alt="Smiley face" height="42" width="42">
                <br>
                <a href="http://www.kigroup.de/impressum.html" class="text-center">
                    Kontakt | Impressum | Datenschutz
                </a>

                <span class="pull-left">
                    <a href="about.html#drop_us_a_line">Contact Us</a>
                </span>

                <span class="pull-right">
                    {{addYear ''}}
                </span>

            </p>

        </div>
</footer>

<!-- begin: default footer -->
<div class="footer collapse">
</div>
<!-- end: default footer -->

но это создает кучу уродливых пробелов под нижним колонтитулом:

в конечном счете, то, что я хочу, - это нижний колонтитул, как на второй картинке, но без всего этого пробела под it- идеально в пути, который можно сохранить в будущем и поддаваться замене и загрузке другого бутстрапа templates-, поэтому... любые идеи?