Question

我在index.jade中使用bootstrap获取此代码：

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

每当我尝试添加一个 hr 标记时，就像我在HTML中那样在行之间添加一个来自Express的500 ReferenceError。

Answer 1

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

  .row
  hr

不知道这是最好的事情，但现在有效！

使用bootstrap的Jade语法缩进错误

1 个答案: