在rails中實現bootstrap選項卡

Question

我正在嘗試在Rails4.1中使用Bootstrap選項卡。 這是我的haml代碼：

.container-fluid
  .row-fluid
    .span8.well
      %ul.nav.nav-tabs
        %li.active
          %a{"data-target" => "#home", "data-toggle" => "tab", href: "#home", id: '#home_link'} Home
        %li
          %a{"data-target" => "#profile", "data-toggle" => "tab", href: "#profile", id: '#profile_link'} Profile
      .tab-content
        #home.tab-pane.active.fade.in home tab content
        #profile.tab-pane profile tab content

在我的application.js中

//= require bootstrap

首次加載頁面時，它會顯示“首頁”標簽內容，但隨后單擊任何標簽都不會顯示任何內容。 我不知道我在哪里。 謝謝

Answer 1

我自己解決了

.container-fluid
  .row-fluid
    .span8.well
      %ul.nav.nav-tabs
        %li.active
          %a{"data-toggle" => "tab", href: "#home"} Home
        %li
          %a{"data-toggle" => "tab", href: "#profile"} Profile
        %li
          %a{"data-toggle" => "tab", href: "#messages"} Messages
        %li
          %a{"data-toggle" => "tab", href: "#settings"} Settings
      / Tab panes
      .tab-content
        #home.tab-pane.active 1
        #profile.tab-pane 2
        #messages.tab-pane 3
        #settings.tab-pane 4