Как выравнять меню к нижнему краю?

Question

[M S]

Сделал меню на бутстрапе. Как прижать строку с пунктами меню к низу? То есть наравне с нижней части картинки-лого?

<div class="navbar navbar-default">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-ex-collapse">
              <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="#"><img width=200 src=assets/img/logo.png></a>
          </div>
          <div class="collapse navbar-collapse" id="navbar-ex-collapse">
            <ul class="nav navbar-nav navbar-right">
              
              <li class="active">
                <a href="#">О нас</a>
              </li>
              <li>
                <a href="#">Оплата и доставка</a>
              </li>
              <li>
                <a href="#">Отзывы</a>
              </li><li>
                <a href="#">Новости</a>
              </li><li>
                <a href="#">Контакты</a>
              </li>

            </ul>
          </div>
        </div>
      </div>

Answer 1

[Anton Bobylev]

У вас тег с лого ссылается на локальный ресурс, поэтому трудно понять, что конкретно вы имеете в виду. Попробуйте поиграть с padding'ом: https://jsfiddle.net/qn2dqypg/1/

С учетом обновления: https://jsfiddle.net/qn2dqypg/2/

Comments

[M S]

dpigo : Спасибо за ответ. Я дополнил вопрос картинкой. Хочу, чтобы строчка меню была условно на одном уровне со словами "большое преимущество", то есть на уровне нижней границы картинки.

[Anton Bobylev]

M S: Обновил пример, смотрите.

[M S]

dpigo: Спасибо, очень помогли. Всё работает.