很难理解 HAML 的缩进

Question

我一直在尝试通过组装一个简单的中间人应用程序来学习 HAML，但我一直运行陷入语法错误。我正在使用 bootstrap 主题并遵循了视频教程，但我似乎运行遇到了 "illegal nesting" 问题。

.container
    .jumbotron
        %blockquote
        %p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
            %small
            Someone famous in
            %cite{:title => "Source Title"} Source Title

"Haml::SyntaxError 在 / 非法嵌套：内容不能与 %p 在同一行给出并嵌套在其中。"

我一直在摆弄它，试图理解标识是如何工作的，但没有任何线索。如果我没有容器，我可以让 blockquote 显示出来。

请指教！

Answer 1

.container
    .jumbotron
        %blockquote
        %p 
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
            %small
            Someone famous in
            %cite{:title => "Source Title"} Source Title

经验法则：如果元素有子元素，它不应该在同一行上有一些文本

P.S。强烈推荐你2个空格缩进

很难理解 HAML 的缩进

Having a difficult time understanding indentation for HAML

twitter-bootstrap

haml

middleman