Ruby on Rails 5、タブ付きテンプレート

Question

私は、以下の画像のようなタブ付きサイトをどのように実装できるかを考えています。誰もがこのテンプレートを知っている/認識しているのですか、ブートストラップとCSSと同様のデザインをどのように設計できるかについて私を導くことができますか？

Answer 1

ブートストラップには、JavaScriptのタブプラグインはクリックでタブを変更するために含まれています。あなたは、これはなるだろう、ブートストラップ4では

<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> 

（私はここでは、アイコンのフォント素晴らしい使用してきた）のような何かを行うことができますクリックで新しいページをロードするためのページをしたい場合は、https://v4-alpha.getbootstrap.com/components/navs/#javascript-behavior

をチェックアウトすることができます基本的な例が働いていて、 "アクティブ"クラスを持っているときにCSSの外観を変えるためにCSSを使って遊ぶことができます