很难理解HAML的缩进

时间:2015-03-20 18:42:03

标签: twitter-bootstrap haml middleman

我一直在尝试通过组合一个简单的中间人应用程序来学习HAML,但我一直遇到语法错误。我正在使用引导主题并遵循视频教程,但似乎我遇到了“非法嵌套”问题。

.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 at / 非法嵌套:内容不能与%p在同一行上给出并嵌套在其中。“

我一直在搞乱它以试图理解身份如何运作,但是没有任何线索。如果我没有容器,我可以让blockquote出现。

请咨询!

1 个答案:

答案 0 :(得分:2)

.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个空格缩进