谷歌地图/方向api - 在地图上添加附近的地方？

Question

https://codepen.io/anon/pen/jLQmqy

上面是我一直在尝试创建的导航栏的链接。
我的问题：我无法显示我的 ul - 关于目的地联系人登录注册-
有人可以指导我如何让它显示吗？

    <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" href="#">About</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Destinations</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Contact</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Login</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Sign Up</a>
            </li>
        </ul>
    </div>

Answer 1

您可以使用下面的代码。这应该会得到你想要的结果。我要指出的一件事是，您的目标是 Bootstrap 4 的 beta 版本。在下面的 codepen 中，它的目标是 alpha.6 版本。

另外，如果您使用collapse 类，它会隐藏您使用该类的元素中的内容。这就是您的内容未显示的原因。您可以查看折叠类的文档here。

https://codepen.io/cowanjt/pen/dzQRyY

<nav class="navbar navbar-toggleable-md navbar-light bg-faded"  style="background-color:#e3f2fd">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarTogglerDemo01">
    <a class="navbar-brand" href="#">Final Destination</a>
    <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
      <li class="nav-item active">
        <a class="nav-link" href="#">About <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Destinations</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Contact</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Login</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Sign up</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="text" placeholder="origin" aria-label="Origin" id="shootOriginHere">
            <input class="form-control mr-sm-2" type="text" placeholder="destination" aria-label="Destination" id="shootDestinationHere">
            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Go</button>
    </form>
  </div>
</nav>