玉模板没有正确使用bootstrap css

时间:2015-12-13 11:52:01

标签: javascript css node.js twitter-bootstrap express

我正在使用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

这是我的cats.jade:

extends layout

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

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

1 个答案:

答案 0 :(得分:0)

每次循环,你似乎都在创造一个新的&#34; .row&#34; DIV。行是水平的。在每一行的内部,您将创建一个带有&#34; hello world&#34;的新列。在里面。

为什么不在循环外创建行,所以只有一行。

information_Schema