Как сделать из <input> dropdown?

Здравствуйте. Использую Bootstrap-4 и есть задача сделать из выпадающий список.

Реализовал поиск на бэкенде и автокомплит на фронтенде, но из-за очень слабых познаний в CSS, не получается реализовать выпадающий список.

На данном этапе есть только простая форма внутри навбара:

  <div class="m-b-1">
    <nav class="navbar navbar-toggleable-md navbar-inverse bg-primary">
      <form class="form-inline my-2 my-lg-0">
        <div class="form-group">
          <input type="text" class="form-control mr-sm-2" placeholder="Search" v-model="q" @input="typeInput">
          <search-item 
            v-for="item in search" 
            :item="item" 
            :key="item.id">  
           </search-item>
        </div>
        <button class="btn btn-outline-secondary my-2">Submit</button>
      </form>
     </nav>
    </div>

и примитивный шаблон элемента:

  <script type="text/x-template" id="search-item">
    <ul class="form-group row">
      <a :href="item.link" class="form-control-static"><li>
        #{ item.title }
      </li></a>
    </ul>
  </script>

Заранее спасибо.

P.S. Обещаю, что вызубрю CSS3 :)