javascript - implementing bootstrap tabs in rails -
i trying use bootstrap tabs rails4.1. here haml code:
.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
in application.js have
//= require bootstrap
for first time loading page show home tab content afterwards clicking on tab doesn't show anything. don't know lacking. thanks
solved myself through
.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
Comments
Post a Comment