<template>
  <!-- <div class="col-md-12"> -->
  <!-- <span> -->
  <!-- <div id="navbar" class="column"> -->
    <nav class="navbar navbar-light bg-light justify-content-between">
      <span>
        <a class="navbar-brand" href="#/public">Public</a>
        <a class="navbar-brand" href="#/profile">Profile</a>
        <a class="navbar-brand" href="#/infinitely">Infinite scroller</a>
      </span>
      <form class="form-inline">
        <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
      </form>
    </nav>
  <!-- </span> -->
  <!-- </div> -->
</template>

<script>
  export default {
    name: 'navbar'
  }
</script>
