0

트위터 부트 스트랩 2.1.0 (트위터 - 부트 스트랩 레일 젬을 통해 구현했습니다)과 함께 간단한 RoR 3.2 애플리케이션이 있습니다. 몇 가지 링크가있는 사이드 바를 통합하고 싶습니다 (왼쪽의 트위터 부트 스트랩 페이지에서 볼 수 있듯이). 그러나 이것을 구현하는 방법을 알 수 없습니다 (예, 멍청한 놈입니다). 누구든지 레일에서 그렇게하는 방법을 가지고 있습니까?레일즈 3 및 트위터 부트 스트랩의 사이드 바 (접사) - 어떻게?

내 응용 프로그램 레이아웃 :

!!! 
%html 
    %head 
    %title MyApp 
    = stylesheet_link_tag "application", :media => "all" 
    = javascript_include_tag "application" 
    = csrf_meta_tags 
    %meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" } 
    %body 
    %div{ :class => "wrapper" } 
     = render 'layouts/navbar_template' 

     %div{ :class => "container-fluid" } 
     - flash.each do |key, msg| 
      %div{ :class => "alert alert-#{key}" } 
      %button{ :type => "button", :class => "close", "data-dismiss" =>"alert" }× 
      = msg 
     %div{ :class => "row-fluid" } 
      %div{:class => "span10"} 
      =yield 
      %div{:class => "span2"} 
      -# I would like to have sidebar here 
+0

은 어쩌면 당신은 identation에 문제가 있습니다. container-fluid div는 래퍼 하나 안에 있어야합니다. – MurifoX

+0

@MurifoX 죄송합니다. 제 코드를 수정했습니다. 그건 내 잘못이야. 코드가 정확합니다. – ExiRe

답변

0
%ul.nav.nav-list.bs-docs-sidenav.affix 
    %li.active 
    %a{:href => "#dropdowns"} 
     %i.icon-chevron-right 
     Dropdowns 
    %li 
    %a{:href => "#buttonGroups"} 
     %i.icon-chevron-right 
     Button groups 
    %li 
    %a{:href => "#buttonDropdowns"} 
     %i.icon-chevron-right 
     Button dropdowns 
    %li 
    %a{:href => "#navs"} 
     %i.icon-chevron-right 
     Navs 
    %li 
    %a{:href => "#navbar"} 
     %i.icon-chevron-right 
     Navbar 
    %li 
    %a{:href => "#breadcrumbs"} 
     %i.icon-chevron-right 
     Breadcrumbs 
    %li 
    %a{:href => "#pagination"} 
     %i.icon-chevron-right 
     Pagination 
    %li 
    %a{:href => "#labels-badges"} 
     %i.icon-chevron-right 
     Labels and badges 
    %li 
    %a{:href => "#typography"} 
     %i.icon-chevron-right 
     Typography 
    %li 
    %a{:href => "#thumbnails"} 
     %i.icon-chevron-right 
     Thumbnails 
    %li 
    %a{:href => "#alerts"} 
     %i.icon-chevron-right 
     Alerts 
    %li 
    %a{:href => "#progress"} 
     %i.icon-chevron-right 
     Progress bars 
    %li 
    %a{:href => "#misc"} 
     %i.icon-chevron-right 
     Misc 
관련 문제