引导程序的 Jade 语法缩进错误答案

【问题标题】：Jade syntax indent error with bootstrap引导程序的 Jade 语法缩进错误
【发布时间】：2014-03-29 23:15:40
【问题描述】：

我在使用引导程序的 index.jade 中得到了这段代码：

block content
  .container
  .row
    .col-lg-12
      h1.page-header 1 Col Portfolio
        small Showcase Your Work One Column at a Time
  .row
    .col-lg-7.col-md-7
      a(href='#')
        img.img-responsive(src='http://placehold.it/700x300', alt='')
    .col-lg-5.col-md-5
      h3 Project One
      h4 Subheading
      p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim.
      a.btn.btn-primary(href='#') View Project
        span.glyphicon.glyphicon-chevron-right 
  hr //**<- problem with this** 
  .row
    .col-lg-7.col-md-7
      a(href='#')
        img.img-responsive(src='http://placehold.it/700x300', alt='')
    .col-lg-5.col-md-5
      h3 Project Two
      h4 Subheading
      p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod     odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim.
      a.btn.btn-primary(href='#') View Project
        span.glyphicon.glyphicon-chevron-right

每次我尝试像在 HTML 中那样在行之间添加 hr 标记时，我都会从 Express 收到 500 ReferenceError。

【问题讨论】：

尝试缩进.container和第一个.row。
它们实际上已经在我的代码中缩进了。我已经编辑了帖子。

标签： javascript node.js twitter-bootstrap pug

【解决方案1】：

我找到了一个解决方案，其中包括将hr 包含在row 中。

  .row
  hr

不知道这是否是最好的做法，但目前有效！

【讨论】：