今回はBootstrapを使ってRailsアプリにぺージ内タブを実装します。 Rails内でBootstrapを使うにはtwitter-bootstrap-rails gemを導入しておく必要がありますので、あらかじめこのあたりのぺージを参考に 導入しておいてください。 seyhunak/twitter-bootstrap-rails · GitHub RailsにTwitter Bootstrapの導入と簡易な使い方 - Rails Webook htmlを作成 導入できたらhtmlを作成します(別途 application.htmlはある前提です) "nav nav-tabs"クラス配下がタブリストになっていて、"tab-content"クラス配下が各タブの内容になっています。 "active" クラスが現在選択されているタブです。 tab_sample.html <div> <ul
![Railsでぺージ内タブを実装する(powerd by BootStrap) - かずおの開発ブログ(主にRuby)](https://cdn-ak-scissors.b.st-hatena.com/image/square/8dbcb00b394b6284ffc09694eb28c96dd535d72a/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkazuooooo%2F20160113%2F20160113000435.png)