title: detection of bootstrap navbar links fails with slim
body: <p>In my rails app, styled with bootstrap3, I decided to switch Slim instead of existing ERB. While I was converting erb view files to slim, I've noticed that styles of navbar links were disappeared.</p>
  
  <pre><code># app/views/layouts/_navbar.html.slim
  nav.navbar.navbar-default
    .container
      .navbar-header.navbar-left
        button(type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-navbar-collapse")
          span.sr-only Toggle navigation
          span.icon-bar
          span.icon-bar
          span.icon-bar
        a.navbar-brand href="/" Foody
  
      .collapse.navbar-collapse.navbar-right#bs-navbar-collapse
        ul.nav.navbar-nav
        - if user_signed_in?
            li = link_to current_user.email, edit_user_registration_path
            li = link_to 'New Recipe', new_recipe_path
            li = link_to 'Sign Out', destroy_user_session_path, method: :delete, confirm: "Are you sure?"
        - else
            li = link_to 'Sign In', new_user_session_path
            li = link_to 'Sign Up', new_user_registration_path
  
        span.clearfix
  </code></pre>
  
  <p>Here is the original file I've converted from:</p>
  
  <pre><code># app/views/layouts/_navbar.html.erb
  &lt;nav class="navbar navbar-default" role="navigation"&gt;
    &lt;div class="container"&gt;
      &lt;div class="navbar-header navbar-left"&gt;
        &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-navbar-collapse"&gt;
          &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
          &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;span class="icon-bar"&gt;&lt;/span&gt;
        &lt;/button&gt;
        &lt;a class="navbar-brand" href="/"&gt;Foody&lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="collapse navbar-collapse navbar-right" id="bs-navbar-collapse"&gt;
        &lt;ul class="nav navbar-nav"&gt;
          &lt;% if user_signed_in? %&gt;
              &lt;li&gt;&lt;%= link_to current_user.email, edit_user_registration_path %&gt;&lt;/li&gt;
        &lt;li&gt;&lt;%= link_to 'New Recipe', new_recipe_path %&gt;&lt;/li&gt;
              &lt;li&gt;&lt;%= link_to 'Sign Out', destroy_user_session_path, method: :delete, confirm: "Are you sure?" %&gt;&lt;/li&gt;
          &lt;% else %&gt;
              &lt;li&gt;&lt;%= link_to 'Sign In', new_user_session_path %&gt;&lt;/li&gt;
              &lt;li&gt;&lt;%= link_to 'Sign Up', new_user_registration_path %&gt;&lt;/li&gt;
          &lt;% end %&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;span class="clearfix"&gt;&lt;/span&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p></p>
  
  <p>Here's the result both normal &amp; responsive modes</p>
  
  <p><img src="https://i.stack.imgur.com/5hVUo.jpg" alt="enter image description here"></p>
  
  <p>Here's output (sorry for complexitie)</p>
  
  <pre><code>&lt;div class="collapse navbar-collapse navbar-right" id="bs-navbar-collapse"&gt;
  &lt;ul class="nav navbar-nav"&gt;&lt;/ul&gt;&lt;li&gt;&lt;a href="/users/sign_in"&gt;Sign In&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="/users/sign_up"&gt;Sign Up&lt;/a&gt;&lt;/li&gt;&lt;span class="clearfix"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Where did I do wrong? </p>