0

J'ai une application RoR 3.2 simple avec Twitter bootstrap 2.1.0 (je l'ai implémenté via twitter-bootstrap-rails gem). Je veux intégrer sidebar avec quelques liens (comme vous pouvez le voir sur la page d'amorçage de Twitter sur le côté gauche) mais je ne peux pas obtenir comment implémenter ceci (oui, je suis noob). Est-ce que quelqu'un a la solution comment faire cela dans Rails?Rails 3 et Twitter sidebar bootstrap (affixe) - comment?

Ma mise en page de l'application:

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

Peut-être que vous rencontrez un problème avec indentation. Le div de fluide de récipient devrait être à l'intérieur du wrapper. – MurifoX

+0

@MurifoX Désolé, j'ai édité mon code. C'était de ma faute. Le code est correct maintenant. – ExiRe

Répondre

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