Jade模板没有正确使用bootstrap css

Jade template not using bootstrap css correctly

本文关键字：bootstrap css Jade      更新时间：2023-09-26

我正在使用Express创建一个网站。然而，我的jade模板没有正确显示引导程序网格系统。我已经确保我的应用程序路径通过app.use（express.static（path_join…）设置正确，但问题仍然存在。我的layout.jade:

doctype
html( lang="en" )
  head
    title Edward's Photo Album
    link(rel='stylesheet' href='/bootstrap-3.3.6-dist/css/bootstrap.min.css')
body
  block content

这是我的猫。翡翠：

extends layout
block content
  -for(var x=1; x<=imagenum-1; x++)
    .row
      .col-md-4
        h2 hello world

它垂直显示hello世界，而不是水平显示。https://gyazo.com/968198ce7016a06d9bc7964a18a6d848

每次循环时，似乎都在创建一个新的".row"div。行是水平的。在每一行中，您都会创建一个新列，其中包含"你好世界"

为什么不在循环之外创建一行，这样就只有一行了。

.row
  -for(var x=1; x<=imagenum-1; x++)
    .col-md-4
      h2 hello world
相关文章：