css - Ruby on Rails 5，选项卡式模板

我想弄清楚如何实现类似于下图的选项卡式站点。有谁知道/认识这个模板，或者可以指导我如何使用 bootstrap 和 css 设计类似的东西？

最佳答案

Bootstrap 包含一个 javascript 选项卡插件，用于在单击时更改选项卡。你可以结账 https://v4-alpha.getbootstrap.com/components/navs/#javascript-behavior

如果你想让页面在点击时加载一个新页面，你可以做类似的事情(我在这里为图标使用了很棒的字体)

<ul class="nav nav-tabs">
  <li class="nav-item">
    <a class="nav-link active" href="/sourcing"><i class="fa fa-pie-chart"></i>Sourcing</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="/people"><i class="fa fa-user-o"></i>People</a>
  </li>
</ul>

在 bootstrap 4 中，这将使基本示例正常工作，您可以尝试使用 CSS 来更改每个 a 具有“事件”类时的外观

关于css - Ruby on Rails 5，选项卡式模板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42422994/