Я использую & quot; Кнопки выпадающие & quot; из Twitter Начальная загрузка с HAML. В документации по Bootstrap я нашел пример:

<code><div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>
</code>

Я попытался переписать его с помощью HAML:

<code>%div{:class => 'btn-group task_controller'}
  %a{:class => 'btn-mini dropdown-toggle', "data-toggle" => 'dropdown', :href => '#'} Action
    %span{:class => 'caret'}
  %ul{:class => 'dropdown-menu'}
    %a{:class => 'close_task', :name => task.name, :href => '#' } Close        
</code>

Но получил сообщение об ошибке:

<code>Haml::SyntaxError - Illegal nesting: content can't be both given on the same line as %a and nested within it.
</code>

Таким образом, Bootstrap сказал, что я поместил элемент внутри -tag, но HAML не позволил это сделать. Как я могу решить проблему?