dmc1989
@dmc1989

Как выровнять input в top bar Foundation вертикально по центру?

В данном вопросе я не очень, буду рад всем подсказкам и замечаниям)

<header id="header" class="top-bar stacked-for-medium">
  <div class="top-bar-left">
    <nav class="menu" id="responsive-navigation" data-dropdown-menu>
      <li class="logo menu-text">
        <div class="">
          <img src="public/images/logo.png" alt="" class="">
        </div>
      </li>
      <li><a href="#">сохраненные</a></li>
      <li><a href="#">случайное</a></li>
      <li><a href="#">настройки</a></li>
      <li><a href="#">справка</a></li>
    </nav>
  </div>
  <div class="top-bar-right">
    <form action="" id="main-search">
      <input type="text" placeholder="Поиск...">
    </form>
  </div>
</header>


Получилось вот что:
59df889f20391411203368.png

Как выровнять поисковую строку вертикально по центру?
Можно ли средствами ZURB Foundation при уменьшении сделать поисковою строку на всю ширину?
  • Вопрос задан
  • 218 просмотров
Решения вопроса 1
dmc1989
@dmc1989 Автор вопроса
Кароче... пришлось использовать простой margin, ибо норм ответов не нашел:
#main-search input {
  border-radius: 1rem;
  width: 100%;
  max-width: 100%;
  margin-top: 1rem;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы